第四章 javaScript运算符

一、自增、自减运算符

二、布尔操作符(!、&&、||)

三、乘性操作符（乘法、除法、取模）

四、加法

五、关系操作符

一、自增、自减运算符：

++/--在前，则先运算再后续工作。在后则先后续工作再运算。比如：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>第三章 运算符</title>
</head>
<body>
<h1>javaScript运算符</h1>
<script>
var a =3;
alert(a++);   //3  先alert之后再自增。
alert(a);     //4
</script>
</body>
</html>

一些特性：当操作对象不是有效数字时，javaScript会自动转换操作对象的类型。

如果是字符串，并且是由有效的数字字符组成的，那么转换为数值，如果不是有效的数字字符，则转换为NaN，空字符串转换为0.
false转换为0，true转换为1。

操作对象是Object类型时，调用valueOf()方法，如果返回NaN继续调用toString()方法，然后再按照上边的规则继续转换。

<script>
var a = true;
var b = false;
var c = "18.3";
var d = "18d2.4";
var e = new Object();
var f = "";
alert(++a);     //2,true转换为1后自增
alert(++b);     //1，false转换为0后自增
alert(++c);     //19.3，字符串含有有效的数字字符，转换为数值型自增
alert(++d);        //NaN，字符串不含有有效的数字字符，转换为NaN
alert(++e);     //Nan，调用e的valueOf()方法，然后返回NaN，继续调用toString()方法，还是NaN，无效数字字符串
alert(++f);     //1，空字符串转换为0，然后自增
</script>

二、布尔操作符(!、&&、||)：

!：逻辑非操作符：它会首先将操作数转换为布尔值，然后取反，遵循以下规则：

操作数是对象：返回false。
操作数是空字符串，返回true。
操作数是非空字符串，返回false。
操作数是数值0，返回true。
操作数是任意非0数值（包括Infinity)，返回false。
操作数是null，NaN，undefined，返回true。

!!：两次逻辑非操作相当于执行Boolean()函数。

&&：逻辑与操作属于短路操作，即如果第一个操作数能够决定结果，那么就不会再对第二个操作数求值。如果第一个操作数是false，则无论第二个操作数是什么值，结果都不再可能是true了。

逻辑与操作可以用于任何类型的操作数，而不仅仅是布尔值，它遵循以下规则：

如果第一个操作数是对象，则返回第二个操作数。
如果第二个操作数是对象，则只有第一个操作数的求职结果为true的情况下才会返回该对象。
如果两个操作数都是对象，则返回第二个操作数。
如果有一个操作数是null，则返回null（除false操作数外）。
如果有一个操作数是NaN，则返回NaN（除false操作数外）。
如果有一个操作数是undefined，则返回undefined（除false操作数外）。

<script>
var a = true;
var b = false;
var c = "18.3";
var d = "18d2.4";
var e = new Object();
var f = new Object();
var x=null;

alert(b && c);  //false，因为b就是false,所以永远不会是true。
alert(a && e); //Object，因为a为true，并且第二个操作数是对象，则返回对象。
alert(e && b);  //false，因为e是对象，所以返回第二个操作数false
alert(e && a);  //true，因为e是对象，所以返回第二个操作数true
alert(e && f);  //Object，因为都是对象，所以返回第二个f。
alert(a && x);  //undefined，因为x是undefined，并且a为true,如果a为false,则整个表达式是false,不是undefined。
// ---------------------------
alert(a && (++c));  //++c运算了，返回结果是19.3，首先a为true，然后++c是19.3，但是19.3变成了一个Object，所以返回了Object
alert(c);  //19.3，可以看到++c运行了。
c = 0;
alert(b && (++c));  //++c运算了，返回结果是false,因为b是false,所以++c根本不计算了
alert(c);  //0
</script>

||:逻辑或与逻辑与差不多，也是短路操作符，如果第一个操作结果是true，就不会对第二个操作数进行计算，并且遵循以下结果：

如果第一个操作数是对象，则返回第一个操作数。
如果第一个操作数的求值结果为false,则返回第二个操作数。
如果两个操作数都是对象，则返回第一个操作数。
如果两个操作数都是null、NaN、undefined，则返回null、NaN、undefined。

由于||是短路操作符，所以可以利用这一特性为变量赋值提供后备操作。比如：

var my = var1 || var2，这样，var1优先赋值给my，如果var1没有有效值，则var2会赋值给my。

三、乘性操作符（乘法、除法、取模）：

如果某个操作数不是数值型，javaScript会在后台调用Number()函数进行转换，然后进行计算。true转为1，false转为0，空字符串转为0。

<script>
var a ="";
var b = 3;
var c = NaN;
var d = undefined;
var e = true;
var f = false;

alert(a*b);     //0,因为空字符串会转为0
alert(e*b);    //3，true转换为1
alert(f*b);  //0，true转换为0
</script>

四、加法：

如果操作数有一个是字符串，则如下规则：
如果两个都是字符串，则把两个字符串连接起来。
如果有一个是字符串，则将另一个操作数转换为字符串，然后再连接起来。
如果有一个是对象、数值或者布尔值，则调用他们的toString()方法，然后按照上边的规则执行。undefined和null只只会取得本身的字符，即“undefined”、"null"。

<script>
var a="abc";
var b = 123;
var c = undefined;
var d = null;
var e ="123";
alert(a+b);         //abc123
alert(a+c);        //abcundefined
alert(a+d);     //abcnull
alert(b+e);   //123123
</script>

也就是如果字符串类型要进行数值类型的相加，必须要转换为数值类型后才可以！

五、关系操作符：

关系操作符：

在进行字符串比较时，比较的是两个字符串中对应位置的每个字符的字符编码值，也就是在ascii编码里的顺序值，而不是按字母表的顺序返回比较。
undefined和null是相等的。
如果两个操作数都是对象，如果都指向同一个对象则返回true,否则返回false。
NaN和NaN不相等。
如果一个操作数是数值另一个是字符串，则把字符串转换为数值进行比较。
如果操作数是对象，则调用valueOf()方法，如果没有则调用toString()方法，再按照上边的顺序进行计算。

<script>
var a="123";
var b = 123;
var c = "456";

alert(a==b);  //true，a转换后相等
alert(a<c);  //true，按照字母表“1”==49，“4”==52,所以是4大
</script>