《Web前端开发技术——HTML、CSS、JavaScript 教学课件 ppt 作者 聂常红 第二讲 javascript编程基础》由会员分享，可在线阅读，更多相关《Web前端开发技术——HTML、CSS、JavaScript 教学课件 ppt 作者 聂常红 第二讲 javascript编程基础（72页珍藏版）》请在金锄头文库上搜索。
1、第二讲 javascript编程基础,2.1 数据类型 2.2 常量 2.3 变量 2.4 数据类型转换 2.5 运算符和表达式 2.6 流程控制语句 2.7 with语句和comment语句 2.8 脚本函数,2.1 数据类型,基本数据类型 特殊数据类型 复杂数据类型,2.2 常 量,概念：指数值不能改变的数据 分类： 整型常量：只包含整数部分，可使用十进制、十 六进制和八进制表示 浮点常量：由整数部分加小数部分表示 布尔常量：只有true和false两种取值 字符型常量：使用单引号或双引号括起来的一个 或几个字符或以反斜扛开头的称为 转义字符的特殊字符 空值：使用null表示，表示什么也没
2、有,2.3 变 量,变量：指在计算机内存中暂时保存数据的地方，其所保存的数据在程序进行过程中可能会发生变化。 在程序中，使用变量名对变量所保存的数据进行各种处理操作,变量命名规则,第一个字符必须是字母或下划线（_)，可以包括字母、数字和下划线 不能包含有空格、“+”、“$”等特殊符号 不能使用JavaScript中的保留字，如var、int等 应使用有意义的变量名，可以使用“驼峰式”或“下划线式”的变量名，如userMessage，user_message 注意：JavaScript 是对大小写敏感的，也就是说区分大小写，所以变量 count 和变量 Count 是两个不同的变量！,变量命名示
3、例,变量的声明,使用var关键字声明 var str javascript 采用弱数据类型的形式，在声明时无需定义数据类型，变量的具体数据类型根据所赋的值的数据类型来确定 ，如： var str=“hello” /字符串类型 var str=123 /数值类型 变量也可以不事先使用var作声明，而直接使用(简单但不易发现变量名方面的错误）,变量的合法声明语法： 1) 单一声明： var name; 2) 用一个var声明多个变量： var name,age; 3) 声明的同时进行赋值： var name=“张生”,age=18；,变量声明及赋值示例,变量的作用域,变量的作用域是指变量的有效范围
4、 作用域的类型： 全局变量：指在程序的开头且处在任何函数体以外声明的变量 局部变量：指在函数体内声明的变量,变量的作用域示例, document.title = “变量作用域“; var gv = “JavaScript“; /gv是全局变量 test(); function test() var lv = “VBScript“; /lv是局部变量 document.write(“ + gv); document.write(“ + lv); document.write(“ + gv); document.write(“ + lv); ,2.4 数据类型的转换,Javascript在执行运算
5、操作时，可以进行两种类型的数据转换： 1）自动数据类型转换 2）强制数据类型转换,1）自动转换：Javascript是一种动态类型的语言，在执行运算操作时，Javascript会自动按下列原则进行数据类型的转换： 如果表达式中有操作数是字符串，而运算符使用加号（+），此时javascript会自动将数值转换成字符串，如： var x=“姑娘今年“+18；/姑娘今年18 var y=“15“+5 /155,如果表达式中有操作数是字符串，而运算符使用除加号以外的其他运算符，如（/），此时javascript会自动将字符串转换成数值，如： var x=“30“/5； /6 var y=“15“-“5
6、“； /10,2）使用下列函数强制转换： eval(字符串） 将传入的字符串参数内容，转换成相对应的数值。如：eval (“15“)+5; /20 parseInt( 字符串，基数) 将指定基数的数，转换成十进制的数值。如：parseInt(“15“)+5; /20 parseFloat(字符串） 将传入的字符串参数内容，转换成浮点数值。如：parseFloat(“15.333“)+5; /20.333,2.5 运算符和表达式,2.5.1表达式,表达式:由常量、变量和运算符组成的程序语句。,2.5.2 运算符,运算符是在表达式中用于进行运算的一系列符号或javascript关键字 根据运算符的
7、功能来看，可分为：算数运算符、赋值运算符、比较运算符、逻辑运算符、位操作运算符、字符串运算符 、条件运算符及特殊运算符,1. 算术运算符,JavaScript中的算术运算符有单目运算符和双目运算符。 双目运算符： +（加） 、-（减）、 *（乘）、 /（除）、 %（取模）。 单目运算符： -（取反）、+（递加1）、-（递减1）。,算术运算符示例, document.title = “算术运算符“; var x = 11，y =z= 5; with (document) write(“x = 11, y = 5“); write(“x + y 是 “, x + y); write(“x - y
8、是 “, x - y); write(“x * y 是 “, x * y); write(“x / y 是 “, x / y); write(“x % y 是 “, x % y); write(“y = 3, z = 3 “); write(“若z = y+ 运算之后：“); z = y+; write(“z 是 “, z, “; y 是 “, y, “); write(“再作z = +y 运算：“); z = +y; write(“z 是 “, z, “; y 是 “, y); ,2. 比较运算符,比较运算符的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个true或False值，有
9、个比较运算符: 1）(大于)：左边操作数据大于右边操作数，返回true 3）=(大于等于):左边操作数据大于或等于右边操作数，返true 5）=(等于)：两边操作数的值相等，返回true 6）=（严格等于）：两边操作数的值相等且数据类型相同，返回true 7）!=(不等于)：两边操作数的值不相等，返回true 8）!=(严格不等于）：两边操作数的值不相等或数据类型相同，返回true,比较运算符示例, document.title = “比较运算符“; var x = 5; /x 是数值5 var y = 5; /y 是字符串5 var z = 6; /x 是数值6 with (document
10、) write(“x = 5, y = 5, z = 6“); write(“x = y 吗？“, x = y); write(“x = y 吗？“, x = y); write(“x != y 吗？“, x != y); write(“x != y 吗？“, x != y); write(“x y = z 吗？“, y = z) ,比较的过程中， javascript自动将字符串的数值常量部分转成数据值类型,3. 逻辑运算符,&(逻辑与）如a & b：若a，b 都是true，则结果为true |（逻辑或）如a|b：若a，b 任一个是true ，则结果为true ！（逻辑非）如 ！a：若a是t
11、rue，则结果为false；反之则为true,逻辑&运算符示例, document.title = “逻辑 ,逻辑&运算符运算原则,如果两个操作数的都是逻辑值，则两个操作数同时为true时，结果为true；否则为false 如果两个操作数中有一个不是逻辑值，则当第一个操作数的值为false时，结果为false；否则返回第二个操作数的值,逻辑|运算符示例, document.title = “逻辑|运算符“; var t = true; var f = false; with(document) write(“true | true 的结果是 “, t | t); write(“true | f
12、alse 的结果是 “, t | f); write(“false | true 的结果是 “, f | t); write(“false | false 的结果是 “, f | f); write(“true | (1=1) 的结果是 “, t | (1=1); write(“false | A 的结果是 “, f | A); write(“A | false 的结果是 “, A | f); write(“true | A 的结果是 “, t | A); write(“A | true 的结果是 “, A | t); write(“A | B 的结果是 “, A | B); ,逻辑|运算符运
13、算原则,如果两个操作数的都是逻辑值，则两个操作数中只要有一个操作数为true，结果就为true；否则为false 如果两个操作数中有一个不是逻辑值，则只要第一个操作数的值为true、字符串或数值，就返回第一个操作数的值；否则返回第二个操作数的值,逻辑！运算符示例, document.title = “逻辑！运算符“; with(document) write(“!true 的结果是 “, !true); write(“!false 的结果是 “, !false); write(“!A 的结果是 “, !A); ,4. 位操作运算符,位操作运算前，必须将两个数值类型的操作数转换成32位的二进制数
14、值，然后再进行对应位运算。运算完成后，需要将所得的结果转换成原来的数制 位操作运算符包含以下几种运算符： 1）|（按位或）:两个操作的对应位任一位为1则结果为1 2）&(按位与)：两个操作的对应位均为1则结果为1 ，否则为0 3）(按位异或):两个操作的对应位均为1或均为0则结果为0，否则为1 4）（按位否）:如果操作数的位为1，则结果为0 4）（右移）：将第一个操作数的位，以第二个操作数所表示的值为单位向右移，原来左边的位补第一个操作数的位符号 6） （右移，零填充）：将第一个操作数的位，以第二个操作数所表示的值为单位向右移，原来左边的位补0,位操作运算符示例, document.title
15、 = “位操作运算符“; with (document) write(“15 ,5. 条件运算符,操作数？结果：结果 若操作数的结果为真，则表述式的结果为结果，否则为结果。,条件运算符示例, document.title = “条件运算符“; var today=new Date(); document.write(“现在时间是:“+today.toLocaleString()+“); var hour=today.getHours(); var time=hour,6. 赋值运算符,“赋值”，用于将某个常量或变量指定给另一个变量 常用的赋值运算符有以下十二种： 1）=:将等号右边的操作数的值
16、指定给等号左边的操作数 2）+=：将等号左右两边的操作数相加，所得结果指定给左边的操作数 3）-=：将等号左边的操作数减去右边的操作数，所得结果指定给左边的操作数 4）*=：将等号左右两边的操作数相乘，所得结果指定给左边的操作数 5）/=：将等号左边的操作数除以右边的操作数，所得结果指定给左边的操作数,6）%=：将等号左边的操作数除以右边操作数，所得余数指定给左边的操作数 7）&=：将等号左右两边的操作数按位与，所得结果指定给左边的操作数 8）=：将等号左右两边的操作数按位异或，所得结果指定给左边的操作数 9）|=：将等号左右两边的操作数按位或，所得结果指定给左边的操作数 10）=：将等号左边的操作数右移右边的操作数所指定
