天学js-第4章表达式与运算符.ppt

联系方式： 北京源智天下科技有限公司 第四讲：表达式与运算符 讲师：杨兴 e-mail: 1-2 北京源智天下科技有限公司 联系方式： 课程内容安排 表达式 操作数 运算符介绍 算术运算符 关系运算符 字符串运算符 赋值运算符 逻辑运算符 位运算符 其它运算符 运算符的优先级 1-3 北京源智天下科技有限公司 联系方式： 表达式 表达式 表达式是产生一个结果值的式子，JavaScript的表达式 是由常量、变量和运算符等组成。 表达式可以作为参数传递给函数，或将表达式结果赋予 给变量保存起来。 表达式的结果值有多种类型，比如布尔型、字符串型或 数值型等，因此常有逻辑表达式、数值表达式和布尔表 达式之说。 下面举例说明如何定义和使用表达式。 1-4 北京源智天下科技有限公司 联系方式： 操作数 操作数 操作数是指表达式中的变量或常量，在javascript中也包 含表达式的返回值（实际上就是一个常量），常提供计 算用的数据。 下面是操作数在表达式中的形态。 ( A + B + C ) / D 其中A、B、C、D就是操作数，而“+”和“/”则是操作符 ，操作符将在下一节介绍。操作数的数据类型由表达式 的类型和运算符所支持的数据类型来决定的，上述代码 中若表达式是数值表达式则需要A、B、C和D的类型皆 为数值或可以转换为数值。 1-5 北京源智天下科技有限公司 联系方式： 运算符介绍 运算符 运算符是指程序设计语言中有运算意义的符号，类似于普通 数学里运算符。通常，每一门数学都定义了一个数集和在数 集上可以进行的运算。程序设计语言也一样，规定了其支持 的数据类型以及数据可以进行的运算。JavaScript的运算符 包含算术运算符、逻辑运算符和一些特殊的运算符。 在JavaScript中有单目和多目之分，单目运算符带一个操作 数，多目运算符带多个操作数 ，如下所示。 ( 1 ( 1 2 ) 3 2 ) 3 / / 数学表达式数学表达式 +A+A/ / 左结合递增左结合递增 操作数的类型 表达式中的操作数要么是常量要么是变量，常量和变量都有 其特定的数据类型。构成表达式的操作数的数据类型是由变 量或常量的类型来确定 。下面来看一个例子。 1-6 北京源智天下科技有限公司 联系方式： 算术运算符 加法运算符 加法运算符使用数学符号“+”，属于双目运算运算符，返 回两个操作数的算术和。操作数的类型要求为数值型， 如果是字符串型则意义不同，主要运用在数值求和的场 合，其语法如下代码所示。 操作数操作数1 + 1 + 操作数操作数2 2。 示例如下所示。 01/ 脚本程序开始 02 08 1-7 北京源智天下科技有限公司 联系方式： 算术运算符 减法运算符 减法运算符使用数学符号“”，属于双目运算符，返回 两个操作数的算术差，操作数类型要求为数值型。含义 与数学上的减法计算完全一样，使用的形式如下代码所 示。 操作数操作数1 1 操作数操作数2 2 01/ 脚本程序开始 02 08 1-8 北京源智天下科技有限公司 联系方式： 算术运算符 乘法运算符 乘法运算符使用符号“*”，属于双目运算符，返回两个操 作数的算术积。运算意义上完全等同于数学上的乘法计 算，使用语法如下所示 。 操作数操作数* * 操作数操作数2 2 01 02var employee = 300;/ 雇员总数 03var prize = 370;/ 每人奖金数额 04var total = employee * prize;/ 预算总额 05alert( “预算：“ + total + “元“ );/ 输出总额 06 1-9 北京源智天下科技有限公司 联系方式： 算术运算符 除法运算符 除法运算符使用符号“/”，也是属于双目运算符，操作数 类型要求为数值型。其返回两个操作数之商， JavaScript返回的商是实数集内的数据，也就是浮点型 数据。意义上等同于数学中的除法运算，因此可用在求 商的场合，使用语法如下。 操作数操作数1 / 1 / 操作数操作数2 2 01/ 脚本程序开始 02 07 1-10 北京源智天下科技有限公司 联系方式： 算术运算符 模运算符 取模运算符使用符号“%”，其作用是求一个数除以另一 个数的余数。操作数的类型要求为数值型或能转换为数 值型的类型，属于双目运算符。事实上“模”可以这样理 解，如手表上的小时刻度，每到12点以后就是1点，此钟 表的模为12。通常取模运算可以取求某个数的倍数 。 01 02for( i = 1; i 1-11 北京源智天下科技有限公司 联系方式： 算术运算符 负号运算符 负号运行符使用符号“-”，取负也就是等于取反。等同于 数学意义的上负号，属于单目运算符，语法如下。 - -操作数操作数 这里就负号运算符来看一个例子。 01 02 07 1-12 北京源智天下科技有限公司 联系方式： 算术运算符 正号运算符 正号运算符使用符号“+”，针对数值类型操作数，意义上等同于数学上 的正号。属于单目运算符，语法如下。 + + 操作数操作数 递增运算符代码的装入 递增运算符使用符号“+”，也称为自增运算符，属于单目运算符。可 使数值类型的变量值自增一，操作数只能是变量。使用形式分左结合 与右结合两种，左结合在表达式中的效果是先递增再使用，右结果则 是先使用再递增。语法如下： 变量名变量名+;+;/ / 右结束递增右结束递增 +变量名变量名; ;/ / 左结合递增左结合递增代码的执行代码的执行 1-13 北京源智天下科技有限公司 联系方式： 算术运算符 递减运算符 递减运算符使用符号“-”，也称为自减运算符，可使变量的值自减一。 效果与递增运算符完全相反，也有左结合与右结合之分，情况与递增 运算符相同，此不赘述，下面来看一个例子。 01 02“ );/ 输出换行标签 06 a- ; / a自减一（右结合） 07 document.write( a );/ 输出变量a 08 document.write( “ );/ 输出换行 09 -a; / a自减一（左结合） 10 document.write( a );/ 输出变量a 11 document.write( “ );/ 输出换行 12 if( -a = 2 )/ 测试左、右结合位于表达式中的情况 13 14 document.write( “左结合的情形“ );/ 输出提示信息 15 16 if( a- = 2 )/ 等于2时 17 18 document.write( “右结合的情形“ );/ 输出提示信息 19 20 21 1-14 北京源智天下科技有限公司 联系方式： 关系运算符 相等运算符 相等运算符使用符号“=”，判断两个操作数是否相等。 如果相等返回布尔值true，否则返回false。属于双目运 算符，两个操作数的数据类型可以任意。运行时，“=” 操作符将两端的操作数转换为同一种数据类型后再作比 较。使用语法如下： 操作数操作数A = A = 操作数操作数B B 等同运算符 前述及的相等运算符“=”进行的是非严格意义上的相等 性判断，即通过类型转为后相等的也返回true。而等同 运算符“=”是严格意义上的相等，两个值和它们的类 型完全一致时才返回true，使用语法如下： 操作数操作数1 = 1 = 操作数操作数2 2 1-15 北京源智天下科技有限公司 联系方式： 关系运算符 不等运算符 不相等运算符使用符号“!=”，属于双目运算符，返回一 个布尔值表示两个操作数是否相等。两个操作数类型任 意，同时可以是变量也可以是常量。使用语法如下： 操作数操作数1 != 1 != 操作数操作数2 2 不等同运算符 不等同运算符，使用符号“!=”，属于双目运算符。效 果与等同运算符正好相反，如果两个数严格不相等则返 回true，使用语法如下。 操作数操作数1 != 1 != 操作数操作数2 2 1-16 北京源智天下科技有限公司 联系方式： 关系运算符 小/大于运算符 小于运算符是判断第一个操作数是否小于第二个操作数 的运算符，返回一个布尔值。使用符号“、=和” 。 前面已经提及右移运算时符号位的处理问题，是针对有符 号数的情况。当数是无符号数时，右移后在左边空出的位 上填充0，称为无符号右移位。对应的运算符是“” 。 联系方式： 北京源智天下科技有限公司 其它运算符 条件运算符 、new运算符 、void运算符 、类型检测运算 符 、对象属性存取运算符 、数组存取运算符 、delete运 算符、 this运算符 等等。 条件运算符 ，可以根据条件在两个语句间选择一个来执 行。使用符号“?:”，属于三目运算符，语法如下： 条件表达式条件表达式 ? ? 语句语句1 1：语句：语句2 2 如果语句1为真，则执行语句1，否则则执行语句2。 new运算符，它是创建对象的一种方式。可以直接使用 new运算符创建一个类的实例对象 。 void运算符是用在表达式不需要返回值时，可以使用void 运算符来避免表达式返回值 。 通过使用typeof运算符即可获得数据的类型名。typeof返 回一个表达式的值的类型名 。 联系方式： 北京源智天下科技有限公司 其它运算符 对象属性存取运算符 ，用符号“.”表示。其作用是读取对象的 属性、或保存值到对象的属性、或调用对象的方法。 数组存取运算符 ，JavaScript提供“”运算符用于存取数组元 素，方括号中是要存取的元素的下标。这个运算符大大方便 了数组的编程 。 delete运算符，它可以删除对象的一个属性或数组的一个元 素，JavaScript对象的属性可以动态添加。对于动态添加的 属性可以用delete运算符将其删除 。 this运算符 ，“this”严格的说是一个关键字，也可以理解为运 算符。面向对象的编程中要引用当前对象，this运算符可以返 回当前对象的引用。this通常用在对象构造函数中，用来引用 函数对象本身。 下面来看一个例子。 联系方式： 北京源智天下科技有限公司 运算符的优先级 运算符的优先级 JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制 运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符 得到执行。同等级的运算符按左到右的顺序进行 ，下面这个表把运算符 的优先级从高到低进行了归纳。 联系方式： 北京源智