js类型比较

比较数据类型做比较的三种方法typeofinstanceofObject.prototype.toString.call()

javascript七大类型

javascript的数据类型分为两类：原始类型和对象类型。

原始类型（6个）

四个普通类型：数字（number）、字符串（string）、布尔值（bool）、Symbol(ES6新增类型)
两个特殊原始值：空（null）、未定义（undefined）

对象类型（object）

每个属性都由 <key:value>构成，value可以是任意类型（包括对象类型）

typeof操作符获取类型

typeof 返回值有 objectbooleanundefinednumberstringsymbolfunction

确定不可以判断null，也不可以获取到具体的类型

console.log(typeof 42);


console.log(typeof 'blubber');
// expected output: "string"

console.log(typeof true);
// expected output: "boolean"

console.log(typeof declaredButUndefinedVariable);
// expected output: "undefined";

let aa = null;
console.log(typeof aa);
// expected output: "object"

instanceof操作符

instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。
参考资料

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25大专栏  js类型比较n>
26

// 定义构造函数
function (){} 
function D(){} 

var o = new C();


o instanceof C; // true，因为 Object.getPrototypeOf(o) === C.prototype


o instanceof D; // false，因为 D.prototype不在o的原型链上

o instanceof Object; // true,因为Object.prototype.isPrototypeOf(o)返回true
C.prototype instanceof Object // true,同上

C.prototype = {};
var o2 = new C();

o2 instanceof C; // true

o instanceof C; // false,C.prototype指向了一个空对象,这个空对象不在o的原型链上.

D.prototype = new C(); // 继承
var o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true 因为C.prototype现在在o3的原型链上

可以确定当前数据是否是某个对象（Object）
缺点：无法确定原始类型是否是原始类型

通过Object.prototype.toString.call()判断类型

这种判断算是比较靠谱的，可以判断出数据的七大类型以及内置对象（DateJson等）

Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(“abc”);// "[object String]"
Object.prototype.toString.call(123);// "[object Number]"
Object.prototype.toString.call(true);// "[object Boolean]"
Object.prototype.toString.call(Symbol());// "[object Symbol]"