03javascript相关技术基础知识

第3章JavaScript相关技术基础知识JavaScript是一种脚本语言，它可以使用在HTML、JSP等Web页网中，动态的完成由某种操作所产生的动作，例如：单击按扭、移动鼠标、按下键盘等操作。JavaScript不仅是一种脚本语言，同时还是一种面向对象的语言，具有对象语言的特点，同时它操作方便、使用灵活、功能强大而深入网页开发者的喜爱。本章重点：‰JavaScript语言的基础知识。‰自定义函数的定义与使用规则。‰系统函数的使用方法。‰系统内部对象的作用与使用。3.1JavaScript语言基础JavaScript和Java语言在基本语法上有很多相同之处，但是它们在使用方式和代码编写的格式上却有不同。本节将主要介绍JavaScript语言基础，其中包括：变量的声明和使用、在JavaScript中支持的基本数据类型有哪些？如何在JavaScript语言中进行运算以及程序控制语句的使用。3.1.1变量在JavaScript语言中，也经常会利用变量来代表某个事物，变量的主要作用就是对数据进行存取操作。变量的创建同Java相似，也包括变量的声明、初始化和使用。下面，就首先看一下变量是如何声明的？1．命名规则在程序中，对变量的命名是有要求的，变量名也可以称为合法的标识符，在JavaScript程序中，只会识别合法的标识符，对于不合法的标识符在执行的过程中会出现错误，那么，什么样的标识符才是合法的呢？下面是判断标识符是否合法的准则：‰变量是只能由数字、字母、下划线和美元符号“$”组成。并且只能以字母和下划线或美元符号“$”开头。‰变量名对字母大小写敏感，由于HTML语言不区分字母的大小，所以不要误认为JavaScript语言也是一样的，因此在HTML语言中使用JavaScript时，一定要注意变量字母的统一。‰同Java语言一样，不能使用关键字为变量命令。‰为了方便读懂变量所代表的含义，建议使用方便记忆，具有代表性的变量名。例如23a、&a、Xx等都是不规则的命名，因为变量不能以数字开头的，所以23a是错误的；变量是只能由数字、字母、下划线和美元符号“$”组成，所以&a是错误的；变量名中不可以有空格出现，所以Xx是错误的。2．声明及初始化知道了变量的命名规则，接下来就要学习如何使用变量，在使用变量之前，必须要声明变量，在JavaScript中，可以使用关键字“var”来声明变量，语法如下：varvariable;如果想声明多个变量时，可以使用“,”分隔开。其声明语法如下：varvariable1,variable2,variable3;变量定义完毕后，就可以对变量进行初始化，初始化其实就是利用赋值运算符“=”进行赋值，如果想对多个变量进行初始化时，可以使用“,”分隔开。其初始化语法如下：varvariable=null；varvariable1=22,variable2=”thisisastring.”;3.1.2数据类型在JavaScript语言中可以支持3种基本数据类型：数字型、字符串和布尔型。另处还支持2种小数据类型：null和undefined。1．数字型数字型包括整型数据和浮点型数据，在JavaScript语言中，是完全不区分整型数据和浮点型数据的，也就是说一变量它既可以表示整型数据同是也可以表示浮点型数据。‰整型。在JavaScript中整型数据的表示范围在-253～253之间，如果超出这个范围，其尾部数字将会自动失去。它还可以使用十进制、八进制和十六进制的形式表示，下面给出的都是正确的整型数据：num=1;//十进制num=072;//八进制：以0开头的0-7范围内的阿拉伯数字num=0xDE7;//十六进制：以0x开头它的范围在0-9和A-F之间‰浮点型。浮点型数据指的就是带小数部分的数据。它可以采用小数点的表示法，也可以采用科学记数表示法。下面给出的都是正确的浮点型数据：num=12.56;//小数点表示法num=1.23E5;//科学记数表示法2．字符串字符串指的是以英文状态下的双引号“＂＂”或单引号“’’”括起来的一个或多个字母、数字和标点符号组成的，在JavaScript语言中同样也是可以支持转义字符的。‰字符串常量。字符串是JavaScript编程中经常会出现的类型，下面给出的都是正确的字符串常量表示法：str=hellowword;//用双引号括起来的字符串str='hellowword';//用单引号括起来的字符串‰转义字符。它们会经常用来代表一些易于混淆的、具有特殊含义的字符。转义字符是以“\”开头，所以它也可以用十六进制的形式表示。下面表3.1给出了JavaScript支持的转义字符的描述以及十六进制记数法。表3.1转义字符表转义字符描述十六进制记数法\ddd八进制字符（ddd）\uxxxx十六进制Unicode字符（xxxx）\’单引号字符\u0027\’’双引号字符\u0022\\反斜杠\u005C\r回车\u000D\n换行\u000A\f走纸换页\u000C\t横向跳格\u0009\b退格\u0008下面给出的都是正确的转义字符表示法：str=’\’’’;str=’\n’;3．布尔型布尔型常量就是逻辑上的true和false。当结果为真时则返回true；当结果为假时则返回false。下面给出的都是正确的布尔型数据表示法：flag=true;//真flag=false;//假4．小数据类型null和undefined是Javascript中的两个代表特殊值的2个关键字。其中null表示空值。在Javascript中，如果一个变量的值等于null，那么就说是这个值是不存在，不是有效的数据类型或对象。而undefined则表示未定义，在Javascript，如果某个变量返回undefined，那么这个变量只是被声明了但是没有被赋值或则使用了不存在的对象属性。3.1.3运算符和表达式在JavaScript中的运算符定义与Java类似。也包括算术运算符、关系运算、位运算符、逻辑运算符、条件运算符、赋值运算符以及复合运算符等。其表达式代表了运算符和各数据之间的操作关系。下面表3.2是JavaScript中所有的运算符列表和表达式的描述。表3.2JavaScript的运算符运算符类型表达式描述括号(x)[x]中括号只用于指明数组的下标-x返回x的相反数!x返回与x(布尔值)相反的布尔值x++x值加1，但仍返回原来的x值x--x值减1，但仍返回原来的x值++xx值加1，返回后来的x值求反、自加、自减--xx值减1，返回后来的x值x*y返回x乘以y的值x/y返回x除以y的值x%y返回x与y的模（x除以y的余数）x+y返回x加y的值算术运算符x-y返回x减y的值xyx=yx=yxy当符合条件时返回true值，否则返回false值x==y当x等于y时返回true值，否则返回false值关系运算x!=y当x不等于y时返回true值，否则返回false值位运算符x&y当两个数位同时为1时，返回的数据的当前数位为1，其他情况都为0x^y两个数位中有且只有一个为0时，返回0，否则返回1x|y两个数位中只要有一个为1，则返回1；当两个数位都为零时才返回零x&&y当x和y同时为true时返回true，否则返回false逻辑运算符x||y当x和y任意一个为true时返回true，当两者同时为false时返回false条件运算符c?x:y当条件c为true时返回x的值（执行x语句），否则返回y的值（执行y语句）赋值运算符x=y把y的值赋给x，返回所赋的值复合运算x+=yx-=yx*=yx/=yx%=yx与y相加/减/乘/除/求余，所得结果赋给x，并返回x赋值后的值关于运算符的说明：‰算术运算符。在算术运算符中，容易混淆、犯错的有：“%”、“++”、“--”。剩下的加、减、乘、除和数学算术中一样。其中：“%”是取模运算符，也可以称为取余运算符。返回的是两数据的余数。“++”和“--”称为自增和自减运算符，根据运算符的位置返回相应的值。下面给出自增和自减运算符的具体使用方法，如下：varx=10x++=10++x=11x--=10--x=9‰关系运算。表示是两个操作数之间的大小关系，如果结果符合现实，则返回布尔型true，否则返回false。下面给出自增和自减运算符的具体使用方法，如下：8=5;//返回结果true21;//返回结果false5==6;//返回结果false4!=(5-1);//返回结果false‰位运算符。主要是针对二进制数据操作的，对二进制数据进行*2或/2操作。由于二进制数据主要是由1和0组成，所以1表示“真”，0表示“假”。然后根据不同的位运算符，1和0的运算会返回不同的结果。‰逻辑运算符，它的主要作用是判断一个条件是“真”还是“假”。它的判断效率非常高，往往只凭着第一个操作数的值就会得出表达式的值。例如：false&&y，由于“&&”运算符的判断标准是：只有两个操作数都是真的情况下才返回真。所以当第一操作数的值为false，不管y的值是什么，结果始终是false，于是该表达式立即返回false。‰条件运算符，它是一个三目运算符，它的运算过程是：判断？前面的表达式的结果，如果是true，就执行？前面的表达式，否则就执行昀后面的表达式。‰赋值运算符，是所有表达式中昀常见的一种运算符，它的作用是把值赋给变量。赋值运算符有2种形式：普通赋值运算符和复合运算符。复合运算符就是含有2个运算符的赋值运算符，例如a*=b，它的意思就是a=a*b。在使用赋值操作符，不要将“=”和逻辑操作符“==”混淆。两个运算符在外观上有点相似，粗心马虎的人很容易将其搞混，所以，在使用的时候一定要看清楚再写答案也不迟啊。3.1.4程序控制语句在Javascript语言中，同样需要控制语句来控制程序的执行顺序的。如果把一个程序比做一个人体的话，那么控制语句就相当于是脉络，它控制着血液的流向。Javascript支持的控制语句有：for循环、while循环、dowhile循环和控制循环结束的break、continue语句。1．for循环for循环的语法是：for(声明变量并初始化;循环条件;变量累加方法)语句;其作用是反复执行语句，直到不符合循环条件为止。其运作过程是，首先执行“变量=初始值”，初始化循环变量。然后测试循环条件是否符合，如果循环条件表达式为真，则执行后面的JavaScript语句，然后执行“变量累加方法”。再次测试循环条件是否符合，符合的话重复执行循环直至不符合，终止循环。下面给出for循环的基本使用方式：varn=0；for(vari;i10;i++){n++;}执行的效果就是从1累加到9。注意：不是累加到9，因为循环条件的判断在执行循环体前。当i的值为9的时候，“i9”的结果为假，后面的累加语句就不再执行。或for(;;)if(name==”lili”)break;当循环条件缺失的时候，程序将始终执行该循环。也就形成了“死循环”，上面的代码中，只有当name值等于“lili”时候，才会结束循环。下面给出一个在Javascript语言中使用for循环的具体实例，具体代码如下所示：程序3-1javascript_01.html01html02head03titlefor循环的使用实例/title04scriptLANGUAGE=JavaScript05varNum_1=[];06varNum_2=[];07varnum;08for(vari=1;i50;i++)09Num_1.push(i10?0+i:i)//不足2位数时，补010for(vari=0;i5;i++)11{12num=Num_1.splice(Math.floor(Math.random()*Num_1.length),1);13Num_2.push(num);14}15document.write(随机产生的号码为：+Num_2.sort());16/script17/head18body