JavaScript中typeof与instanceof的区别详解

typeof与instanceof的核心区别

为什么检测结果会返回false？

 
<script type="text/javascript">
var aColors = ["red", "green", "blue"];
alert(typeof aColors[0]); //output "string"
alert(aColors[0] instanceof String); //output "false";
</script>

关键在于区分小写的string与大写的String。

aColors[0]存储的是string类型的原始值，因此它并非String构造函数的实例。参考以下代码进行对比：

var aColors = ["red", "green", "blue"];

aColors[0]= new String("1")

alert(typeof aColors[0]); //output "Object"

alert(aColors[0] instanceof String); //output "true";

更多参考内容见下文：

返回一个 Boolean 值，指出对象是否是特定类的一个实例。

result = object instanceof class

参数

result

必选项。任意变量。

object

必选项。任意对象表达式。

class

必选项。任意已定义的对象类。

说明

如果 object 是 class 的一个实例，则 instanceof 运算符返回 true。如果 object 不是指定类的一个实例，或者 object 是 null，则返回 false。

示例

下面的例子举例说明了 instanceof 运算符的用法。

 
function objTest(obj){
var i, t, s = ""; // 创建变量。
t = new Array(); // 创建一个数组。
t["Date"] = Date; // 填充数组。
t["Object"] = Object;
t["Array"] = Array;
for (i in t)
{ 
if (obj instanceof t[i]) // 检查 obj 的类。
{ 
s += "obj is an instance of " + i + "\n";
} 
else
{ 
s += "obj is not an instance of " + i + "\n";
} 
} 
return(s); // 返回字符串。
} 
var obj = new Date();
document.write(objTest(obj));

typeof的局限性

instanceof和typeof都能用来判断一个变量是否为空或是什么类型的变量。

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

instanceof与原型链

如果我们希望获取一个对象是否是数组，或判断某个变量是否是某个对象的实例则要选择使用instanceof。instanceof用于判断一个变量是否某个对象的实例，如var a=new Array();alert(a instanceof Array);会返回true，同时alert(a instanceof Object)也会返回true;这是因为Array是object的子类。再如：function test(){};var a=new test();alert(a instanceof test)会返回true。

谈到instanceof我们要多插入一个问题，就是function的arguments，我们大家也许都认为arguments是一个Array，但如果使用instaceof去测试会发现arguments不是一个Array对象，尽管看起来很像。

另外：

测试 var a=new Array();if (a instanceof Object) alert('Y');else alert('N');

得'Y'

但 if (window instanceof Object) alert('Y');else alert('N');

得'N'

所以，这里的instanceof测试的object是指js语法中的object，不是指dom模型对象。

使用typeof会有些区别

alert(typeof(window) 会得 object

年轻的时候，先少废话，多做事。