JavaScript软件基础知识：第二章 JavaScript的编程基础

第二章JavaScript的编程基础JavaScript软件基础知识字符集JavaScript程序是由Unicode字符集编写的，每个字符和汉字都是采用2个字节进行编码ASCII码由大小写英文字母、数字、英文符号等组成，采用1个字节中的低7位进行编码，是Unicode编码的子集Unicode是一种国际编码，可以表达几乎任何书写语言，它是采用16位编码的字符集010000011001111011000000ASCII编码：7位编码Unicode编码：16位编码A你大小写敏感性在HTML中大小写是不敏感的，但是在JavaScript程序中大小写是敏感的HTML都是大小写不敏感的标准的JavaScript语法定义中是区分大小写inputtype=buttonname=HelloBtnvalue=playonClick=myclick()scriptlanguage=JavaScriptfunctionmyclick(){HelloBtn.value=pause;}/script大小写须一致换行与空格换行、分号空格、TABa=1;b=2;a=1b=2{a=1;b=2;}{a=1;b=2;}==有换行，分号允许不加提倡加上空格或TAB增强程序可读性a=1;b=2;=推荐加上分号减少错误和歧义的发生常量与标识符…常量直接在程序中出现的数据值标识符由不以数字开头的字母、数字、下划线(_)、美元符号($)组成常用于表示函数、变量等的名称•例如：_abc,$abc,abc,abc123是标识符，而1abc不是JavaScript语言中代表特定含义的词称为保留字，不允许程序再定义为标识符…常量与标识符…ECMAv3标准保留的JavaScript的关键字breakcasecatchcontinuedefaultdeletedoelsefalsefinallyforfunctionifininstanceofnewnullreturnswitchthisthrowtruetrytypeofvarvoidwhilewith…常量与标识符使用范例scriptlanguage=JavaScript!—functionSayHello(){varhellostr=您好;document.write(hellostr);}SayHello();--/scriptfunction、var是保留字SayHello是自定义标识符字符串常量内容线索词法结构数据类型数据类型分类数字类型字符串类型类型转换运算符语句变量与函数对象数据类型分类JavaScript数据类型基本类型特殊类型组合类型Number：数字String：字符串Boolean：布尔Null：空Undefined：未定义Array：数组Object：对象数字类型…简介最基本的数据类型不区分整型数值和浮点型数值所有数字都采用64位浮点格式存储，相当于Java和C语言中的double格式能表示的最大值是±1.7976931348623157x10308能表示的最小值是±5x10-324…数字类型…整数在JavaScript中10进制的整数由数字的序列组成精确表达的范围是-9007199254740992(-253)到9007199254740992(253)超出范围的整数，精确度将受影响浮点数使用小数点记录数据•例如：3.4，5.6使用指数记录数据•例如：4.3e23=4.3x1023…数字类型16进制和8进制数的表达16进制数据前面加上0x，八进制前面加016进制数是由0-9,A-F等16个字符组成8进制数由0-7等8个数字组成16进制和8进制与2进制的换算16进制:0xF3D410进制:624202进制:11110011110101008进制:01717242进制:1111001111010100String数据类型…简介是由Unicode字符、数字、标点符号组成的序列字符串常量首尾由单引号或双引号括起JavaScript中没有字符类型常用特殊字符在字符串中的表达•字符串中部分特殊字符必须加上右划线\•常用的转义字符换行单引号双引号右划线\n\'\\\…String数据类型//测试特殊字符的书写varaa=\u4f60\u597d\n欢迎来到\JavaScript世界\;alert(aa);String数据类型的使用特殊字符的使用方法和效果Unicode的插入方法你好换行Boolean数据类型简介Boolean类型仅有两个值：true和false，也代表1和0，实际运算中true=1,false=0布尔值也可以看作on/off、yes/no、1/0对应true/falseBoolean值主要用于JavaScript的控制语句，例如：if(x==1){y=y+1;}else{y=y-1;}Null、Undefined…简介Null在程序中代表变量没有值或者不是一个对象Undefined代表变量的值尚未指定或者对象属性根本不存在…Null、Undefined有趣的比较比较结果null与空字符串不相等，null代表什么也没有，空字符串则代表一个为空的字符串null与false不相等，但是!null等于truenull与0不相等，但是在C++等其他语言中是相等的null与undefined相等，但是null与undefined并不相同数据类型转换…JavaScript属于松散类型的程序语言变量在声明的时候并不需要指定数据类型变量只有在赋值的时候才会确定数据类型表达式中包含不同类型数据则在计算过程中会强制进行类别转换数字+字符串：数字转换为字符串数字+布尔值：true转换为1，false转换为0字符串+布尔值：布尔值转换为字符串true或false…数据类型转换…强制类型转换函数函数parseInt：强制转换成整数•例如parseInt(6.12)=6•例如parseInt(“12a)=12•例如parseInt(“a12)=NaN•例如parseInt(“1a2)=1函数parseFloat：强制转换成浮点数•例如parseFloat(6.12)=6.12函数eval：将字符串强制转换为表达式并返回结果•例如eval(1+1)=2•例如eval(12)=true…数据类型转换类型查询函数函数typeof：查询数值当前类型(string/number/boolean/object)•例如typeof(test+3)=string,•例如typeof(null)=object“•例如typeof(true+1)=“number”•例如typeof(true-false)=“number”算术运算符…加(＋)、减(－)、乘(*)、除(/)、余数(%)加、减、乘、除、余数和数学中的运算方法一样•例如：9/2=4.5，4*5=20，9%2=1-除了可以表示减号还可以表示负号•例如：x=-y+除了可以表示加法运算还可以用于字符串的连接•例如：abc+def=abcdef…算术运算符递增(＋＋)、递减(－－)假如x=2，那么x++表达式执行后的值为3，x--表达式执行后的值为1i++相当于i=i+1，i--相当于i=i-1递增和递减可以放在变量前也可以放在变量后逻辑运算符等于(==)、不等于(!=)、大于()、小于()大于等于(=)、小于等于(=)与(&&)、或(||)、非(!)111&&=010&&=000&&=111||=011||=000||=10！=01！=位运算符左移()、右移()、NOT(~)32=12左移2位后补011000011121=6右移1位前补000110110~6=9位非1和0互换01101001位运算符位与(&)、位或(|)、异或(^)1&2=0位与运算1000010000001|2=3位或运算100001001100^2=1异或运算10000100指定运算符赋值=JavaScript中=代表赋值，两个等号==表示相等例如，x=1表示给x赋值为1if(x==1){...}程序表示当x与1相等时If(x==“on”){…}程序表示当x与“on”相等时配合其他运算符形成的简化表达式oP=例如i+=1相当于i=i+1，x&=y相当于x=x&y优先顺序按照右表从上到下的优先顺序执行运算符描述()括号++、--、-、~、!一元运算符*、/、%乘法、除法、取模+、-、+加法、减法、字符串连接、、移位、=、、=小于、小于等于、大于、大于等于==、!=、===、!==等于、不等于、恒等、不恒等&按位与^按位异或|按位或&&逻辑与||逻辑或?:条件运算符=、oP=赋值、运算赋值小常识2==“2”true2===“2”false4!=“4”false4!==“4”truevara=2;varb=4;varc=ab|--b--a;varc=ab||--b--a;varc=ab&&--b--a;varc=ab&--b--a;if选择控制语句…if-else基本格式if(表达式){语句１;......}else{语句２;.....}功能说明如果表达式的值为true则执行语句1，否则执行语句2表达式语句1truefalse语句2…if选择控制语句…程序范例varx=(newDate()).getDay();//获取今天的星期值，0为星期天vary;if((x==6)||(x==0)){y=周末;}else{y=工作日;}alert(y);if语句允许不使用else子句y=工作日;if((x==6)||(x==0)){y=周末;}等价于…if选择控制语句…if语句嵌套格式if(表达式1){语句1;}elseif(表达式2){语句2;}elseif(表达式3){语句3;}else{语句4;}功能说明执行顺序参见右图表达式1表达式2表达式3语句1语句2语句3语句4truetruetruefalsefalsefalse...if选择控制语句程序范例对变量x的值进行判断，采用if语句嵌套转换成相应的星期名称if(x==1){y=星期一;}elseif(x==2){y=星期二;...}elseif(x==6){y=星期六;}elseif(x==0){y=星期日;}else{y=未定义;}if语句允许进行嵌套switch选择控制语句…switch基本格式switch(表达式){case值1:语句1;break;case值2:语句2;break;case值3:语句3;break;default:语句4;}功能说明详细的计算过程参考右图case值1case值2语句1语句2truetruefalse表达式case值2语句3truefalse语句4false…switch选择控制语句程序范例对变量x的值进行判断，采用switch转换成相应的星期名称switch(x){case1:y=星期一;break;case2:y=星期二;break;case3:y=星期三;break;case4:y=星期四;break;case5:y=星期五;break;case6:y=星期六;break;case7:y=星期日;break;default:y=未定义;}swith比elseif结构更加简洁清晰for循环控制语句…for循环基本格式for(初始化;条件;增量){语句1;...}功能说明实现条件循环，当条件成立时，执行语句1，否则跳出循环体条件语句1增量falsetrue初始化…for循环控制语句程序范例for(vari=1;i=7;i++){document.write(H+i+hello/H+i+);document.write(br);}//循环输出H1到H7的字体大小while循环控制语句…while循环基