js学习之数据类型

js学习之数据类型

　　基础类型：number string boolean null undefined
　　引用类型：object array function

　　ES6新增 ： symbol

 

　　undefined值是派生自null值的(undefined == null); //true

　　Boolean(message);
　　　　数据类型 转换为true 转换为false
　　　　Boolean true false
　　String 任何非空字符串 ""(空字符串）
　　Number 任何非零数字值 0和NaN
　　Object 任何对象 null
　　Undefined 不适用 undefined

　　JavaScript 从左向右计算表达式。不同的次序会产生不同的结果：
　　　　1、var x = 911 + 7 + "Porsche"; //918Porsche
　　　　2、var x = "Porsche" + 911 + 7; //Porsche9117

　　JavaScript 拥有动态类型。这意味着相同变量可用作不同类型：

　　== 和 ===
　　　　==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较；
　　　　===：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false；

　　null和undefined的区别
　　　　undefined表示系统级的、出乎意料的或类似错误的值的空缺；表示缺少值，此处应该有值，但没有定义。例如：var a; a就会显示undefined
　　　　null表示程序级的、正常的或在意料之中的值的空缺； 一般多使用null。

　　Infinity和NaN
　　　　都是number类型，
　　　　Ifinity 表示无限大，超过JS的number所能够表示的最大值

　　　　NaN 表示not a number，无法计算的结果。
　　　　　　1.任何涉及NaN的操作（例如NaN*10,NaN/10）都会返会NaN。
　　　　　　2.NaN与任何数值都不相等，包括NaN本身。
　　　　　　　　NaN === NaN //false
　　　　　　　　//唯一识别NaN的方法
　　　　　　　　　　isNaN(NaN) //true
　　　　　　　　isNaN()：检测是否为非数字
　　　　　　　　　　isNaN(null) //false
　　　　　　　　　　null不是数值，该方法先尝试转为数值再判断，null转为数值是0，所以结果是false.
　　　　　　　　　　isNaN(true); // false
　　　　　　　　　　isNaN(null); // false
　　　　　　　　　　isNaN(37); // false
　　　　　　　　　　isNaN("37");// false
　　　　　　　　　　isNaN("");// false: 空字符串被转换成0

 　　数值转换：

　　　　number()，parseInt()和parseFloat()。 number()可以用于任何数据类型，而另外两个函数则专门用于把字符串转换为数值。

　　　　console.log(0.1+0.2) //0.30000000000000004

　　　　如果是Boolean，true和false将分别被转换为1和0。
　　　　如果是数字值，只是简单传入和返回。
　　　　如果是null值，返会0。
　　　　如果是undefined，返回NaN。
　　　　如果是字符串则较为复杂。
　　　　parseInt()在转换字符串的时会忽略字符串前的空格，直至找到第一个非空格字符。如果第一个字符不是数字字符或者是负号，返回NaN。

　　　　Boolean():他不会对引号里面的数字进行自动进行转换。
　　　　Boolean(0);//false
　　　　Boolean('');//false
　　　　Boolean(' ');//true
　　　　Boolean(null)//false

　　　　String()和toString()的区别和应用
　　　　String()和toString()都是将其他类型的变量转换为字符串类型。

　　　　.toString()可以将所有的的数据都转换为字符串，但是要排除null 和 undefined

　　　　console.log(1.toString());//这种写法会报错语法错误
　　　　　　这是因为javascript引擎在解释代码时对于“1.toString()”认为“.”是浮点符号，但因小数点后面的字符是非法的，所以报语法错误；而后面的“1..toString()和1.2.toStirng()”写法，javascript引擎认为第一个“.”小数点，的二个为属性访问语法，所以都能正确解释执行；对于“(1).toStirng()”的写法，用“()”排除了“.”被视为小数点的语法解释，所以这种写法能够被解释执行；

数据类型的检测

　　1、typeof：检测数据类型
　　　　可以把数据类型当作字符串返回，返回值是一个字符串 所以 typeof(typeof(a)) //string
　　　　typeof null; //"object" 因为特殊值null被认为是一个空的对象引用。
　　　　局限：对于array、null和对象，typeof一律返回object。对此可以通过instanceof来区分。

　　　　typeof对于基本数据类型判断是没有问题的，但是遇到引用数据类型（如：Array，返回object）是不起作用的。

　　2、instanceof：判断一个变量是否是某个对象的实例 返回一个boolean 值
　　　　instanceof 运算符判断一个对象是否是另一个对象的实例。返回true或false
　　　　instanceof 运算符用来检测 constructor.prototype 是否存在于参数 obj 的原型链上（或者说：检测obj的原型链上是否存在constructor.prototype ）

　　　　缺点:
　　　　　　1.只适用于对象类型
　　　　　　2.只要当前的这个类在实例的原型链上,检测出来的结果都是true

　　　　　　console.log("1" instanceof String); //false(
　　　　　　new Number(1) instanceof Number //true
　　　　　　console.log(1 instanceof Number); //false
　　　　　　console.log(true instanceof Boolean); //false
　　　　　　console.log([] instanceof Array); //true
　　　　　　console.log(function(){} instanceof Function); //true
　　　　　　console.log({} instanceof Object); //true

　　3、constructor :属性返回对创建此对象的数组函数的引用。
　　　　　　var test=new Array();
　　　　　　test.constructor==Array //true

　　4、Object.prototype.toString.call() 来判断数据类型

　　　　　

        var a = Object.prototype.toString;
　　　　　　console.log(a.call("aaa"));// [object String]
　　　　　　console.log(a.call(1));    // [object Number]
　　　　　　console.log(a.call(true)); // [object Boolean]
　　　　　　console.log(a.call(null)); // [object Null]
　　　　　　console.log(a.call(undefined));// [object Undefined]
　　　　　　console.log(a.call([]));   // [object Array]
　　　　　　console.log(a.call(function() {}));// [object Function]
　　　　　　console.log(a.call({}));   // [object Object]