js数据类型和易混运算符及其优先级

数据类型

js的数据类型共有6种：

• 数值（number）：整数和小数（比如1和3.14）
• 字符串（string）：字符组成的文本（比如"Hello World"）
• 布尔值（boolean）：true（真）和false（假）两个特定值
• undefined：表示“未定义”或不存在，即此处目前没有任何值
• null：表示空缺，即此处应该有一个值，但目前为空
• 对象（object）：各种值组成的集合

前五种属于简单类型，object属于复杂类型。

对象又可以分成三个子类型。

• 狭义的对象（object）
• 数组（array）
• 函数（function）
• 正则表达式（regexp）

运算符

1. typeof：检测数据类型。
   可以检测：number、string、boolean、undefined、function
   不可以检测：object、array、regexp、null

//可以检测的类型
typeof 123;// "number"
typeof '123'; // "string"
typeof false; // "boolean"
typeof a;//"undefined"
typeof function(){};//"function"
//不可以检测的类型
typeof window； // "object"
typeof {}； // "object"
typeof []； // "object"
typeof null；// "object"
typeof  /hello/;//"object"

null用===来检测

var a = null;
a === null;//true

2. instanceof：检测变量是否为一个对象的实例。
   可以检测：object、array、regexp

var o = {};
var a = [];
var b = /hello/;
o instanceof Array; // false
a instanceof Array;// true
b instanceof RegExp;//true
//因为以上数据类型都是对象
b instanceof Object;//true
a instanceof Object;//true
o instanceof Object;//true

3. +/-加号
   加号：

• 在两个操作数都是数字的时候，会做加法运算
• 两个参数都是字符串或在有一个参数是字符串的情况下会把另外一个参数转换为字符串做字符串拼接
• 在参数有对象的情况下会调用其valueOf或toString
• 在只有一个字符串参数的时候会尝试将其转换为数字

console.log(2+4);//6
console.log("2"+"4");//"24"
console.log(2+"4");//"24"
===============================
console.log(2+new Date());//"2Mon Jan 20 2014 17:15:01 GMT+0800 (China Standard Time)"
==================================
point = {x: 2, y: 8};//Object {x: 2, y: 8}
point + 3;//"[object Object]3"
radius = {r: 5, valueOf: function(r = 5){return r*r}};//Object {r: 5}
radius +3;//28
============================
console.log(+new Date());//1483066791248
console.log(+"4");//4 
console.log(+true);//1
console.log(2+true);//3
console.log(+"true");//NaN
console.log("2"+"true");//2true
=================================

减号：首先将两边的变量转化为数字，再进行运算

console.log(1 - "333hello");//NaN，Number( "333hello")为NaN
console.log(1 - "123");//-122
console.log(1 - false);//1
console.log(1 - true);//0
console.log(1 - undefined);//NaN
console.log(1 - null);//1
console.log(1 - " ");//1

4. ==/=== 等号
   === 是严格意义的相等，只需注意NaN和NaN不等就行了。
   == 的时候，javascript会帮我们做类型转换。

• 如果两个值类型相同，则执行严格相等的运算
• 如果两个值的类型不同
  • 如果一个是null，一个是undefined，那么相等
  • 如果一个是数字，一个是字符串，先将字符串转为数字，然后比较
  • 如果一个值是true/false则将其转为1/0比较
  • 如果一个值是对象，一个是数字或字符串，则尝试使用valueOf和toString转换后比较
  • 其它就不相等了

null === undefined;//false
null == undefined;//true
==============================
NaN === NaN;//false
NaN == NaN;//false
===============================
0 === "0";//false
0 == "0";//true
"1" == true;//true
===============================
radius = {r: 5, valueOf: function(r = 5){return r*r}};//Object {r: 5}
radius === 25;//false
radius == 25;//true
==================================
undefined == "";//false
undefined == false;//false
null == "";//false
null == false;//false
"" == false;//true

5. && 和 ||

JS 的 && 和 ||一般都不会返回true / false，而是返回最后一次短路的值。

短路原理：
&& ：左值为false，整个表达式为左值；左值为true，整个表达式为右值
|| ：左值为false，整个表达式为右值；左值为true，整个表达式为左值

参考文章：全面解析JavaScript中“&&”和“||”
JavaScript的“&&”和“||”操作符总结
js 与或运算符 || && 妙用
mdn逻辑运算符

其他

NaN：Not a Number。非有效数值，typeof NaN的值为"number"。NaN和任何值都不相等，包括它自己，即NaN == NaN为false。

运算符优先级
mdn参考文档
在所有的表达式中，运算的顺序由运算符的优先级和结合性决定。

运算符的优先级：决定了表达式中运算执行的先后顺序，优先级高的运算符最先被执行。
运算符的结合性：决定了拥有相同优先级的运算符的执行顺序。例如：i + + +j + +，因为++为右结合，所以改表达式等价于(i + + ) + (j+ + )。
（注：++运算只能作用于变量，不能作用于常量和表达式，即++i++ 是错误的写法。）

一般来说

• 一目运算优先级高与二/三目运算
• 一目运算、三目运算、赋值运算多为右结合。例如：w = a: b: c ? d : e? f : g等价于w = a? b : (c? d: (e? f : g))。
• 运算符的大致优先级为：一目运算、+/-/*/%、位运算符、比较运算符、逻辑运算符、赋值运算符

例如：a+++b
- 按照优先级：后置递增 > 前置递增 > 加号，及等价于`(a++)+b`。
- 按照结合性：`++`为从右向左结合，根据结合性的定义，`a++`优先级高于`++b`，所以先进行`a++`运算。