前言：
JavaScript是一种弱类型语言，变量的类型是不确定的，关于变量类型的坑比较多，本文对这些内容归纳总结，便于随时查看。
-
JavaScript类型有哪些？
JavaScript的数据类型分为两类：原始类型和对象类型，JS中原始类型包括，数字，字符串和布尔值，还有两个特殊的原始值，null和undefined，他们代表了各自特殊类型的唯一成员。除此之外就是对象了，对象是属性的集合，每个属性都由“名/值对”构成，JS中对象是个很大的概念，可以说除了null和undefined都可以称之为”对象“，3中原始类型可以通过构造函数来创建包装对象，而真正的对象Object之中又包含了数组、函数、内置的日期、正则、Error这些，是不是有点晕了？
-
关于原始类型的一些坑
举个栗子先：
var str = "test" ; //创建了一个字符串
str.len = 10; //又设置了一个属性给他
var t = str.len; //现在查询一下这个属性
很奇怪的是，字符串明明是原始类型，为什么可以设置属性？原始类型可是不可变的呀？
其实，这段代码运行过后t的值是undefined，而变量str的值没有变化。
这段代码说明，在读取字符串、数字、布尔值的属性值（或方法）的时候，表现的像对象一样。但如果试图给其属性赋值，则会忽略这个操作：修改只是发生在临时对象身上，而这个临时对象并未继续保留下来。
ps：摘自JavaScript权威指南
存取字符串、布尔值、数字的属性时临时创建的临时对象就称作包装对象，有别于真正的”对象“。但是如果用typeof检测一下类型，你会发现包装对象也确实是Object类型。
-
原始类型和引用类型本质区别
对象类型我们也通常称作引用类型，原始类型归根到底是不可修改的，而引用类型是可以随时修改的。
这里说一个栗子：
var str = "hello world!";
str.toUpperCase(); //输出结果是"HELLO WORLD!"
str; //但是这里依旧是"hello world!"
看上去是修改了字符串，实际上toUpperCase()返回了一个新的字符串。
其实原始类型，本质上就是储存在栈内存中的一个值，就是实打实的一个值，他们相等的条件就是值相等；而引用类型他们的值都是引用，对象的比较是引用的比较，当且仅当他们用同一个引用时他们才相等。
看了这幅图会更好理解他：
Paste_Image.png
-
undefined和null
这两兄弟都是用来描述“空值”这个概念的，但是呢他们之间还有不同。
使用typeof null测试发现，返回的值是"object"，这里我们说null的一个用法，如果定义的变量将来用来保存的是对象，我们可以把变量初始化为null。
而undefined会出现在以下场景中：
已声明未赋值的变量
获取对象不存在的属性
无返回值的函数执行结果
函数的参数没有传入
void(expression)
-
JavaScript类型转换
上幅图：
Paste_Image.png
摘自JavaScript权威指南
这里面有两个问题重点说一下：
- 转换和相等的关系
null == undefined;
"0" == 0;
0 ==false;
"0" ==false;
上面的这些表达式都返回true，然而并不代表两个值是真的相等，js中完全相等是用===表示的，上面的这些表达式只是在比较之前都自动做了类型转换，这样的我们就称作隐式类型转换。 - 对象到原始类型的转换
图中我们可以看出，所有对象转换为布尔值都是true
对象转换为字符串，就会调用toString()方法;
转换为数字一般调用valueOf()方法；
对于“+” “==” “!=”和关系运算符，如果他的其中一个操作数是对象，js就会把对象转换成为原始值。
这里还需要了解补充
-
JavaScript类型判断
类型识别的4种方法：
-
typeof
-
Object.prototype.toString
-
constructor
-
instanceof
typeof:
可以识别标准类型（Null除外）；
不能识别具体的对象类型（除了function）
Object.prototype.toString:
可以识别标准类型以及所有内置（build-in）对象类型
不能识别自定义类型
constructor:（是对象原型上面的一个属性，他指向了构造器本身）
识别标准类型（undefined/null除外，因为他们没有构造器）
识别内置对象
识别自定义对象
instanceof：
能判别内置对象类型
不能判别原始对象类型
可以判别自定义对象类型以及它的父对象类型
网友评论