typeof、instanceof与isPrototypeOf()的差异与联系

一、typeof

1.typeof的意义及作用：

　　我们知道ECMAScript中有5种简单（基本）数据类型：Undefined、Null、Boolean、Number、String，以及一种引用数据类型Object。typeof的作用正式用于判断操作数的数据类型的。所有的返回值为以上六种数据类型之一。

2.typeof操作符有下面两种用法:

1. typeof 操作数
2. typeof (操作数)

3. typeof中的陷阱

• typeof null 会返回 “object”，因为特殊值null被认为是一个空的对象引用。
• 正则表达式在不同浏览器中返回值不同，具体如下

typeof /s/ === 'function'; // Chrome 1-7... // 不符合 ECMAScript 5.1
typeof /s/ === 'object'; // Firefox 5+ 、Chrome 7+...    // 符合 ECMAScript 5.1

4. 测试例子

// Numbers
typeof 37 === 'number';
typeof 3.14 === 'number';
typeof Math.LN2 === 'number';
typeof Infinity === 'number';
typeof NaN === 'number'; // 尽管NaN是"Not-A-Number"的缩写,意思是"不是一个数字"
typeof Number(1) === 'number'; // 不要这样使用!

// Strings
typeof "" === 'string';
typeof "bla" === 'string';
typeof (typeof 1) === 'string'; // typeof返回的肯定是一个字符串
typeof String("abc") === 'string'; // 不要这样使用!

// Booleans
typeof true === 'boolean';
typeof false === 'boolean';
typeof Boolean(true) === 'boolean'; // 不要这样使用!

// Undefined
typeof undefined === 'undefined';
typeof blabla === 'undefined'; // 一个未定义的变量,或者一个定义了却未赋初值的变量

// Objects
typeof {a:1} === 'object';
typeof [1, 2, 4] === 'object'; // 使用Array.isArray或者Object.prototype.toString.call方法可以分辨出一个数组和真实的对象
typeof new Date() === 'object';

typeof new Boolean(true) === 'object' // 令人困惑.不要这样使用
typeof new Number(1) === 'object' // 令人困惑.不要这样使用
typeof new String("abc") === 'object';  // 令人困惑.不要这样使用
// Functions
typeof function(){} === 'function';
typeof Math.sin === 'function';

二、instanceof

1.typeof的意义及作用：

　　instanceof运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上.关于原型链的知识在new和instanceof的内部机制和JavaScript中__proto__与prototype的关系中已做了讲解。

2.instanceof中的陷阱：

　　在浏览器中,我们的脚本可能需要在多个窗口之间进行交互.多个窗口意味着多个全局环境,不同的全局环境拥有不同的全局对象,从而拥有不同的内置类型构造函数.这可能会引发一些问题.比如,表达式[] instanceof window.frames[0].Array会返回false,因为 Array.prototype !==window.frames[0].Array.prototype,因此你必须使用 Array.isArray(myObj)或者 Object.prototype.toString.call(myObj) === "[object Array]"来判断myObj是否是数组.

三、isPrototypeOf

1.typeof的意义及作用：

　　检测一个对象是否存在于另一个对象的原型链中.其作用与instanceof有点相似，但使用方法是不一样的。

2.用法与例子：

function Fee() {
  // . . .
}

function Fi() {
  // . . .
}
Fi.prototype = new Fee();

function Fo() {
  // . . .
}
Fo.prototype = new Fi();

function Fum() {
  // . . .
}
Fum.prototype = new Fo();

var fum = new Fum();
. . .

Fi.prototype.isPrototypeOf(fum); //true
fum instanceof Fi; // true