【JavaScript基础知识】——运算符

一、概念   

    运算符用户操作数据值，包括一元运算符、布尔值运算符、算术运算符、关系运算符、三元运算符、位运算符及赋值运算符。ECMAScript中的运算符使用与很多值，包括字符串、数值、布尔值、对象等。

   表达式是ECMAScript中的一个“短语”，解释器会通过计算把它转换成一个值。最简单的表达式是字面量或者变量名。

如：

2．14  //数值字面量‘Yang’ //字符串字面量true  //布尔值字面量null  //空字面量</span>

   也可以通过合并简单的表达式来创建复杂的表达式。如：

Box + 2.13//加法运算的表达式</span>

JavaScript中的运算符分为如下几种

（一）、一元运算符

     只能操作一个值得运算符叫做一元运算符

     1、递增++和递减—

Var box=100;++box;//把box累加一个1，相当于box=box+--box;//把box累减一个1，相当于box=box-1box++；//把box累加一个1，相当于box=box+1box--;////把box累减一个1，相当于box=box-1

    2、前置和后置的区别

       在没有赋值操作，前置和后置是一样的。但在赋值操作时，如果递增或递减运算符前置，那么前置的运算符会先累加或累减在赋值，如果是后置运算符泽先赋值在累加或累减。

    3、其他类型应用一元运算符的规则       

var box = '89'; box++; //90，数值字符串自动转换成数值var box = 'ab'; box++; //NaN，字符串包含非数值转成 NaNvar box = false; box++; //1，false 转成数值是 0，累加就是 1var box = 2.3; box++; //3.3，直接加 1var box = { //1，不设置 toString 或 valueOf 即为 NaNtoString : 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的运算符，还是得在实战中才能得到更好的掌握。