JavaScript中instanceof与typeof运算符的用法及区别详细解析

JavaScript中的instanceof和typeof常被用来判断一个变量是什么类型的(实例)，但它们的使用还是有区别的：

typeof 运算符
返回一个用来表示表达式的数据类型的字符串。

typeof expression ;

expression 参数是需要查找类型信息的任意表达式。

说明
typeof 是一个一元运算符，放在一个运算数之前。

typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能： “number” ,“string”, “boolean”, “object” ,“function”, 和 “undefined.”

（而 ECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。）

注释：

1、我们上面提到了ECMAScript的5种原始类型，在使用typeof操作符时，我们需要特别区分"对象类型"与"对象值"(字面值)的差别。例如Boolean 对象是 Boolean 原始类型的引用类型，而true和false则是Boolean对象的两个可能的对象值。我们可以把 ECMAScript的预定义对象（相对于其他语言中的类）看作是 相应类型的原始值的封装（或包装）。而ECMAScript的所有预定义对象又都是继承于Object对象。因此存在如下情况：
代码如下:
　　var testvar= new Number(68);
　　alert(typeof testvar);　　//输出  "object"
　　testvar= 68;
　　alert(typeof testvar);　　//输出  "number"

又如：
代码如下:
　　function Person(){}
　　document.write ("<br>typeof(Person):"+typeof(Person));　　　　//function
　　var person = new Person();
　　document.write ("<br>typeof(person):"+typeof(person));　　　　//object

注意：从传统意义上来说，ECMAScript 并不真正具有类。事实上，除了说明不存在类，在 ECMA-262 中根本没有出现“类”这个词。ECMAScript 定义了“对象定义”，逻辑上等价于其他程序设计语言中的类。

另外：这些预定义对象覆盖了Object 对象的 ValueOf() 方法，返回其原始值。而这些对象的所有属性和方法都可应用于相应类型的原始值上，因为它们是伪对象。

2、typeof 运算符对于 null 值会返回 "Object"。这实际上是 JavaScript 最初实现中的一个错误，然后被 ECMAScript 沿用了。现在，null 被认为是对象的占位符，从而解释了这一矛盾，但从技术上来说，它仍然是原始值。

提示：

1、值 undefined 并不同于未定义的值。但是，typeof 运算符并不真正区分这两种值。考虑下面的代码：

var oTemp;
alert(typeof oTemp);  //输出 "undefined"
alert(typeof oTemp2);  //输出 "undefined"

前面的代码对两个变量输出的都是 "undefined"，即使只有变量 oTemp2 从未被声明过。如果对 oTemp2 使用除 typeof 之外的其他运算符的话，会引起错误，因为其他运算符只能用于已声明的变量上。

2、当函数无明确返回值时，返回的也是值 "undefined"，如下所示：