typeof和instanceof

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的：

typeof

typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。

它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：

number,boolean,string,function,object,undefined。我们可以使用 typeof 来获取一个变量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错，对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性。

对于字符串类型， typeof 返回的值是 string。比如typeof("123")返回的值是string。 
三、对于布尔类型， typeof 返回的值是 boolean 。比如typeof(true)返回的值是boolean。
四、对于对象、数组、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。
五、对于函数类型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。
六、如果运算数是没有定义的（比如说不存在的变量、函数或者undefined），将返回undefined。比如：typeof(sss)、typeof(undefined)都返回undefined。（ 注意：未初始化和未声明  typoef会返回undefined）

如果我们希望获取一个对象是否是数组，或判断某个变量是否是某个对象的实例则要选择使用instanceof。

instanceof 运算符
在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。

instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定类型。例如：

var oStringObject = new String("hello world");
alert(oStringObject instanceof String); //输出 "true"
这段代码问的是“变量 oStringObject 是否为 String 对象的实例？”oStringObject 的确是 String 对象的实例，因此结果是 "true"。尽管不像 typeof 方法那样灵活，但是在 typeof 方法返回 "object" 的情况下，instanceof 方法还是很有用的。

1、对象obj是通过new Constructor创建的，那么 obj instanceof Constructor 为true

1 2 3 4 5 6

function Person(n, a) {     this.name = n;     this.age = a; } var p = new Person('John Backus', 82); console.log(p instanceof Person); // true

2、如果存在继承关系，那么 子类实例 instanceof 父类 也会返回true

1 2 3 4 5 6

function A(){} function B(){} B.prototype = new A(); // B继承于A   var b = new B(); console.log(b instanceof A); // true

3、由于Object是根类，所有其它自定义类都继承于它，因此 任意构造器的实例 instanceof Object 都返回true

1 2 3 4 5 6 7 8 9

function A() {} var a = new A(); console.log(a instanceof Object); // true   var str = new String('hello'); console.log(str instanceof Object); // true   var num = new Number(1); console.log(num instanceof Object); // true

甚至包括构造器自身

1 2 3 4

function A() {} console.log(A instanceof Object); // true console.log(String instanceof Object); // true console.log(Number instanceof Object); // true

4、所有构造器 instanceof Function 返回true

1 2 3 4

function A() {} console.log(A instanceof Function); // true console.log(String instanceof Function); // true console.log(Number instanceof Function); // true

以上四点总结为一句话：如果某实例是通过某类或其子类的创建的，那么instanceof就返回true。或者说某构造函数的原型 存在与对象obj的内部原型链上，那么返回true。即instanceof的结果与构造器自身并无直接关系。这在许多语言中都是通用的。

// 定义两个构造器

function A(){}

function B(){}

A.prototype = B.prototype = {a: 1};

 

// 分别创建两个不同构造器的实例

var a = new A();

var b = new B();

console.log(a instanceof B); // true

console.log(b instanceof A); // true

我们看到a, b分别是用A和B创建的，但a instanceof B和 b instanceof A都是true。即a虽然不是用构造器B创建的，但仍然返回true。因为B.prototype存在于a的内部原型链上。

由于JS的动态语言特性，可以在运行时修改原型，因此下面返回false也不足为奇了。因为A.prototype已经不在a的内部原型链中，链条被打断了。

1 2 3 4

function A(){} var a = new A(); A.prototype = {}; // 动态修改原型，注意必须在创建a后 console.log(a instanceof A); // false