JavaScript基础快速入门教程（三）：js运算符和实例详解

1、赋值运算符

赋值运算符为=，如var value = 9，表示把9赋值给value，多个变量赋值：var a = 1，b = 2，c = 3。

赋值符和算术运算符的简写：a = a + 2，简写：a += 2，例子如下：

var value_01 = 9, 
    value_02 = 8, 
    value_03 = 7;

console.log(value_01);
console.log(value_02);
console.log(value_03);

value_01 += 1; // 等价于 value_01 = value_01 + 1;
value_02 -= 2; // 等价于 value_01 = value_01 - 2;
value_03 *= 2; // 等价于 value_01 = value_01 * 2;
console.log(value_01);
console.log(value_02);
console.log(value_03);
value_01 /= 2; // 等价于 value_01 = value_01 / 2;
console.log(value_01);

2、算术运算符

算术元算符有：+，-，*，/，表示加减乘除，%为取余元算符。

infinity表示无穷大，即数值结构超出了ECMAScript的限制，NaN属于数值类型，但是它的值不是一个数值，什么意思呢？比如：

var number = "spring";
console.log(+number); // 输出：NaN

+number表示将字符串number转换成数值类型，等同于Number(number)，所以此时+number是数值类型的数据，但是它的值不能用数值表示，所以是NaN（Not a Number）。

在算术操作中，需要注意和infinity、NaN和0的运算，任何带有NaN的运算结构都是NaN，因为它不是一个数值，自然也不会有数值的结果，infinity又可分为正无穷和负无穷，不过它的意思也不是无穷，只是ECMAScript的规范里无法再表示出来了，例如infinity与非0数相乘结果是infinity，infinity与0相乘结果是NaN，不过infinity和NaN一般我们不会主动去使用的，除非是出现异常，因为这两个值没什么意义，尽量都是避免得出这样的结果。

自增运算符为++，–，又可分为前加和后加，如a++和++a，它们的区别在于，若参与表达式计算，a++先计算表达式再将a+1，++a表示先将a+1再进行表达式计算，例如：

var index = 100;
var current = (index++) + 1;
console.log(current); // 输出：101
console.log(index); // 输出：101
current = (++index) + 1;
console.log(current); // 输出：103

JavaScript中加法还可以连接字符串，例如var a = 1 +　“２２”表示字符串连接，ａ为“１２２”。

3、位操作符

位操作符一般平时比较少用，但是如果你需要写出更好的算法位操作必不可少，位运算比普通的加减乘除更快，另外例如在图片处理中也会用到。

位操作主要是基于计算机二进制进行操作的，例如1010，十进制为10。

位操作符有：

例子：

// RGB十六进制颜色值
var color = 0xffab9d;
var red = color >> 16;
var green = (color >> 8) & 0xff;
var blue = color & 0xff;
console.log(red.toString(16)); // => ff
console.log(green.toString(16)); // => ab
console.log(blue.toString(16)); // => 9d

4、关系运算符

关系运算符返回的结构都是ｂｏｏｌｅａｎ类型，ｔｒｕｅ或ｆａｌｓｅ，元算符有＞大于，＜小于，＝＝等于，大于或等于＞＝，小于或等于＜＝，！＝不等于，例如：

if(index < 1)
    console.log("index < 1");
else if(index > 2)
    console.log("index > 2");
else if(index == 100)
    console.log("index == 100");
else
    console.log("undefined");

关系元算符实质是对两个操作数进行数值比较，如果两个数是字符串，则比较两个字符串对于的ＡＳＣＩＩ编码值，如果操作数是对象，则调用ｖａｌｕｅＯｆ（）方法按照数值或字符串的比较方式比较，如果没有ｖａｌｕｅＯｆ，则调用ｔｏＳｔｒｉｎｇ（）方法执行同样的比较逻辑，如果两个数是布尔值，ｔｒｕｅ转为１，ｆａｌｓｅ转为０进行比较。

5、逻辑运算符

逻辑与：＆＆，表示两边的结果同时为真结果为真，否则为假ｆａｌｓｅ。

逻辑或：｜｜，表示两边的结果只要有一个为真则结果为真。

逻辑非：！，表示取反操作，！ｔｒｕｅ结果为ｆａｌｓｅ。

&&短路运算符：返回第一个假的值或最后一个真值，例如3&&0&&null的结果为false。

||短路运算符：返回第一个真值或最后一个假值，例如null||undefined||1，结果为true。

三目条件运算符：?:，例如var result = index>2 ? 4 : 9，意思是计算index>2，如果index大于2，则result等于4，否则result等于9，例子：

var result;
if(index > 99)
    result = 78;
else
    result = 89;
// 等同于：
result = index > 99 ? 78 : 89;
console.log(result);

6、逗号运算符

逗号运算符一般有两种使用情况，第一个中是声明变量的时候可以多次声明多个变量，例如：var a，b，c。

另一种使用方式是赋值操作中，仅仅使用最后一个值，例如a = (2,3,4)，仅a的结果是4。

7、运算符优先级

（1）结合性：

从右向左结合：一元运算符+-，后置++，后置–，！求反，(+-*/%)=，赋值=，typeof等，都是从右向左结合的，其它都是从左向右结合。

（2）下面是JavaScript的运算符优先级从高到低排列：