一、概念
运算符用户操作数据值,包括一元运算符、布尔值运算符、算术运算符、关系运算符、三元运算符、位运算符及赋值运算符。ECMAScript中的运算符使用与很多值,包括字符串、数值、布尔值、对象等。
表达式是ECMAScript中的一个“短语”,解释器会通过计算把它转换成一个值。最简单的表达式是字面量或者变量名。
如:
2.14 //数值字面量
‘Yang’ //字符串字面量
true //布尔值字面量
null //空字面量</span>
也可以通过合并简单的表达式来创建复杂的表达式。如:
Box + 2.13//加法运算的表达式</span>
(一)、一元运算符
只能操作一个值得运算符叫做一元运算符
1、递增++和递减—
Var box=100;
++box;//把box累加一个1,相当于box=box+
--box;//把box累减一个1,相当于box=box-1
box++;//把box累加一个1,相当于box=box+1
box--;把box累减一个1,相当于box=box-1
2、前置和后置的区别
在没有赋值操作,前置和后置是一样的。但在赋值操作时,如果递增或递减运算符前置,那么前置的运算符会先累加或累减在赋值,如果是后置运算符泽先赋值在累加或累减。
3、其他类型应用一元运算符的规则
var box = '89'; box++; //90,数值字符串自动转换成数值
var box = 'ab'; box++; //NaN,字符串包含非数值转成 NaN
var box = false; box++; //1,false 转成数值是 0,累加就是 1
var box = 2.3; box++; //3.3,直接加 1
var box = { //1,不设置 toString 或 valueOf 即为 NaN
toString : function() {
return 1;
}
}; box++;
4、加法和减法运算符一般用于算术运算,也可以进行类型转换
(二)、算术运算符
ECMAScript定义了5个算术运算符,加减乘除求模(取余)。如果算术运算的值不是数值,那么后台会先使用Number()转型函数将其转换为数值(隐式转换)。
1、加法
var box = 1 + 1; //等于 2
2、减法
var box = 100 - 10; //等于90
3、乘法
var box = 10 * 60; //等于600
4、除法
var box = 100 / 10; //等于10
5、求模
var box = 10 % 3; //1,余数为 1
(三)、关系运算符
用于进行比较的运算符称作为关系运算符:小于(<)、大于(>)、小于等于(<=)、大于等于(>=)、相等(==)、不等(!=)、全等(恒等)(===)、不全等(不恒等)(!==)。
当关系运算符操作非数值时要遵循一下规则:
1.两个操作数都是数值,则数值比较;
2.两个操作数都是字符串,则比较两个字符串对应的字符编码值;
3.两个操作数有一个是数值,则将另一个转换为数值,再进行数值比较;
4.两个操作数有一个是对象,则先调用 valueOf()方法或 toString()方法,再用结果比较。
在相等和不等的比较上,如果操作数是非数值,则遵循一下规则:
1.一个操作数是布尔值,则比较之前将其转换为数值,false 转成 0,true 转成 1;
2.一个操作数是字符串,则比较之前将其转成为数值再比较;
3.一个操作数是对象,则先调用valueOf()或 toString()方法后再和返回值比较;
4.不需要任何转换的情况下,null和 undefined 是相等的;
5.一个操作数是 NaN,则==返回 false,!=返回 true;并且 NaN 和自身不等;
6.两个操作数都是对象,则比较他们是否是同一个对象,如果都指向同一个对象,则返回 true,否则返回 false。
7.在全等和全不等的判断上,比如值和类型都相等,才返回 true,否则返回 false。
(四)、逻辑运算符
逻辑运算符通常用于布尔值的操作,一般和关系运算符配合使用,有三个逻辑运算符:逻辑与(AND)、逻辑或(OR)、逻辑非(NOT)。感觉逻辑运算符合VB里的逻辑运算差不多,看起来就很熟悉,理解起来也不困难。
(五)、位运算符
位运算符基于底层,性能和速度非常好,使用难度也很大,在一般的应用中,基本上用不到位运算符。位运算符有七种,分别是:位非NOT(~)、位与AND(&)、位或OR(|)、位异或XOR(^)、左移(<<)、有符号右移(>>)、无符号右移(>>>)。
(六)、赋值运算符
赋值运算符用等号(=)表示,就是把右边的值赋给左边的变量。
var box = 1; //把 1 赋值给 box 变量
(七)、其他运算符
1、字符串运算符:字符串运算符只有一个,即:“+”。它的作用是将两个字符串相加。规则是至少一个操作数是字符串即可。
2、逗号运算符:逗号运算符可以在一条语句中执行多个操作
3、三元条件运算符:三元条件运算符其实就是后面将要学到的if语句的简写形式
var box = 5 > 4 ? '对' : '错'; //对,5>4 返回 true 则把'对'赋值给 box
相当于:
var box = ''; //初始化变量
if (5 > 4) { //判断表达式返回值
box = '对'; //赋值
} else {
box = '错'; //赋值
}
二、运算符优先级
在一般的运算中,我们不必考虑到运算符的优先级,因为我们可以通过圆括号来解决这种问题。但如果没有使用圆括号强制优先级,我们必须遵循以下顺序:
运算符 | 描述 |
、 [] () | 对象成员存取、数组下标、函数调用等 |
++ -- ~ ! delete new typeof void | 一元运算符 |
* / % | 乘法、除法、去摸 |
+ - + | 加法、减法、字符串连接 |
<< >> >>> | 位移 |
< <= > >= instanceof | 关系比较、检测类实例 |
== != === !== | 恒等(全等) |
& | 位与 |
^ | 位异或 |
| | 位或 |
&& | 逻辑或 |
|| | 逻辑或 |
?: | 三元条件 |
= x= | 赋值、运算赋值 |
, | 多重赋值、数组元素 |
三、总结
学VB的时候,看到运算符总是不知道它是什么东西,作品展的时候这些东西真的是不懂,理解代码也非常困难,老让同组的小伙伴给我讲代码,也经常那个运算符问他那是什么意思,最后他告诉我那时运算符,那时候就觉得自己应该回去看课本。还好回去看了一下课本,所以现在学起这些新东西就没那么费劲了。现在用到运算符也就几种,现在没有做过项目,对于JavaScript的运算符,还是得在实战中才能得到更好的掌握。