《常量与变量》PPT课件.ppt

2015年2月,第2章常量与变量,2.1常量2.2变量2.3局部变量和全局变量2.4强制类型转换2.5在HTML中传递变量2.6在HTML中引用变量,2015年2月,2.1常量,整型常量：不能改变的数据，可使用十进制、八进制和十六进制表示。数组常量：零或更多表达式的列表。定义方法为：数组名数组值1,数组值2,数组值3。布尔常量：只能用true和false表示其两种值。浮点数常量：必须包含一个数字、一个小数点或“E(e)”。整数：十进制数第一个数字不能为0，若为0则表示它是一个八进制，若为0 x，则表示为一个十六进制数。字符串常量：是0或若干个封装在“”或“”内的字符。特殊字符：以/开头的不可显示的特殊字符。,2015年2月,2.1变量,变量的命名方式：必须以字母或下划线开头,不能以数字开头，其后可以是其他字母或数字；变量名要有一定含义；若变量名是一个单词，一般全部字母都要小写(如date)；若变量名由多个单词组成，一般从第2个单词以后的单词首字母都要大写，如theDate。变量定义：使用变量之前，必须先定义；可以使用var一次定义一个或多个变量，如varX_1、varx,X,_x,_X；若定义变量时未赋值，其初始值为undefined；可以在声明变量的同时赋值，如varx=“abc”,y=“def”，或m=“name”。定义变量的注意事项：变量名严格区分大小写；变量一旦定义，就不能被删除；可以重复定义变量，如先定义x=“abc”，再定义varx=123；未赋值的变量在输出时显示为undefined。变量的值：JavaScript的变量不需要指定类型，其值可以是任意类型。可以是数值型、布尔型、字符型、空值（Null）和未定义值undefined。变量的声明、赋值和输出举例。,2015年2月,变量的声明、赋值和输出举例(1),变量的声明、赋值和输出,2015年2月,2.1变量变量的声明、赋值和输出举例(2),变量的声明、赋值和输出显示如下变量信息.varA,B;/一次声明两个变量A,BvarC,D,E;/同时声明三个变量C,D,EvarF=21314;/声明一个变量F时，同时赋予变量初始值21314varG=“ture”,H=abc;/同时声明两个变量G,H，分别赋予这些变量初始值true和abcvarI=Null;with(document)writeln(A:+A);/打印变量A的值writeln(B:+B);/打印变量B的值writeln(C:+C+D:+D+E:+E);/打印变量C,D,E的值writeln(F:+F);/打印变量F的值writeln(G:+G);/打印变量G的值writeln(H:+H);/打印变量H的值writeln(I:+I);/打印变量I的值,2015年2月,2.3局部变量和全局变量,JavaScript有两种变量:全局变量和局部变量。如果在任何函数定义之外声明了一个变量，则该变量为全局变量，该变量的值在整个持续范围内都可以访问和修改。如果在函数定义内声明了一个变量，则该变量为局部变量。每次执行函数都会创建和破坏该变量，且它不能被该函数外的任何事物访问。一个变量需在不同的函数中使用，就要使用全局变量，如果一个函数只在一个函数中使用，就要使用局部变量。注意事项：不用var声明的变量为全局变量；局部变量和名称可以与全局变量同名；任何一对都定义新的块范围，JavaScript不支持块范围，变量无论在哪声明，在整个函数中都是有定义的。全局变量和局部变量应用举例。,2015年2月,全局变量和局部变量应用举例(1),局部变量和全局变量局部变量和全局变量显示如下变量信息.scope=global;/声明一个全局变量functioncheckscope()scope=local;/改变了全局变量document.writeln(scope);/使用全局变量myscope=local;/该句隐式声明了新的全局变量document.writeln(myscope);/使用的是新的全局变量checkscope();/执行checkscope函数,2015年2月,全局变量和局部变量应用举例(2),document.writeln(scope);/打印“local”document.writeln(myscope);/打印“local”functiontest(o)vari=0;/i在整个函数中有定义if(o=true)varj=0;/j到处都有定义，不仅限于这个代码块for(vark=0;k,2015年2月,2.4强制类型转换,JavaScript的变量是无类型的，但变量的值却有类型，所以变量是有类型转换的。本节代码使用的类型转换函数主要功能和用法：Number函数将数值字符串、数字和布尔变量强制转换为数字型；Object函数将数值字符串、数字和布尔变量强制转换为对象型；String函数将数字、对象和布尔型变量强制转换为字符串型；Boolean函数将数值字符串、对象和数字变量强制转换为布尔型。注意：若字符串中包含字母，使用Number函数会出错；若使用Number函数不能正确转换类型，就会用NaN表示，即NotaNumber。强制类型转换应用举例。,2015年2月,强制类型转换应用举例（1）,JavaScript中的强制类型转换JavaScript中的强制类型转换显示如下变量信息.varstr=100;/声明一个字符串变量str，初始值为“100”varnum=Number(str);/用Number强制类型转换将str转换为数字类型并附值给num变量document.writeln(typeof(num)+:+num);/打印变量num的类型和值varobj=Object(str);/用Object强制类型转换将str转换为对象类型并附值给obj变量document.writeln(typeof(obj)+:+obj);/打印变量obj的类型和值,2015年2月,强制类型转换应用举例（2）,varbool=Boolean(str);/用Boolean强制类型转换将str转换为布朗类型并附值给bool变量document.writeln(typeof(bool)+:+bool);打印变量bool的类型和值document.writeln();varnum=100;/声明一个字符串变量num，初始值为100varstr=String(num);/用String强制类型转换将num转换为字符类型并附值给str变量document.writeln(typeof(str)+:+str);/打印变量str的类型和值varbool=Boolean(num);/用Boolean强制类型转换将num转换为布朗类型并附值给bool变量document.writeln(typeof(bool)+:+bool);/打印变量bool的类型和值varobj=Object(num);/用Object强制类型转换将num转换为对象类型并附值给obj变量document.writeln(typeof(obj)+:+obj);/打印变量num的类型和值document.writeln();varbool=true;/声明一个字符串变量bool，初始值为truevarstr=String(bool);/用String强制类型转换将bool转换为字符类型并附值给str变量document.writeln(typeof(str)+:+str);/打印变量str的类型和值varnum=Number(bool);/用Number强制类型转换将bool转换为数字类型并附值给num变量document.writeln(typeof(num)+:+num);/打印变量num的类型和值,2015年2月,强制类型转换应用举例（3）,varobj=Object(bool);/用Object强制类型转换将bool转换为对象类型并附值给obj变量document.writeln(typeof(obj)+:+obj);/打印变量obj的类型和值document.writeln();varobj=;/声明一个字符串变量obj，初始值为空对象varstr=String(obj);/用String强制类型转换将obj转换为数字类型并附值给str变量document.writeln(typeof(str)+:+str);/打印变量str的类型和值varnum=Number(obj);/用Number强制类型转换将obj转换为数字类型并附值给num变量document.writeln(typeof(num)+:+num);/打印变量num的类型和值varbool=Boolean(obj);/用Boolean强制类型转换将obj转换为数字类型并附值给bool变量document.writeln(typeof(bool)+:+bool);/打印变量bool的类型和值,2015年2月,2.5在HTML中传递变量,在HTML中为JavaScript传递变量，可实现对数据进行交互操作。本节代码中主要使用了JavaScript中document对象的getElementById方法和value属性。其中，getElementById方法得到HTML元素，value属性得到HTML元素的value值。该代码运行后，出现一个文本框和“传递变量”“显示变量”两个按钮；文本框中输入一个字符串，如“foobar”，单击“传递变量”按钮，显示“传递到变量成功”，单击“显示变量”按钮，显示变量的值。传递变量举例。,2015年2月,传递变量举例（1）,在HTML中为JavaScript传递变量varfoobar;/声明全局变量foobarfunctionpass2var()foobar=document.getElementById(textfield).value;/得到id为textfield的HTML元素的值alert(传递到变量成功！);functiondisplayVar()alert(变量值为：+f