Practical Training typeof和instanceof的区别是什么？有什么区别？

typeof主要用来判断基础数据类型，instanceof则是用来判断引用数据类型。

typeof是根据数据在存储单元中的类型标签来判断数据的类型，instanceof则是根据函数的prototype属性值是否存在于对象的原型链上来判断数据的类型。

接下来是上课时的代码；注释是后台出来的效果打印出来的结果。

// typeof和instanceof 返回的数据类型 但instanceof 返回的是true/false 不是数据类型
        // typeof ==》有时返回的不确定
        //  instanceof===》测试是否为这个对象 是返回true不是返回false
        var arr = [1,2,3,4,5];
        // console.log(typeof arr); // object
        // console.log(typeof {}); // object
        // console.log(arr instanceof Array); // true
        // console.log({} instanceof Object); // true

接下来的是网上的搜索资料：

typeof是什么？

typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 可以用来检测给定变量的数据类型。

instanceof是什么？

instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。通常来讲，使用 instanceof 就是判断一个实例是否属于某种类型。

js中typeof与instanceof的相同点：

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。

不同处：

一、typeof的定义和用法：

返回值是一个字符串，用来说明变量的数据类型。

具体用法细节：

1、typeof 一般只能返回如下几个结果：

'undefined' ：这个值未定义。

'boolean'：这个值是布尔值。

'string' ：这个值是字符串。

'number' ：这个值是数值。

'object'：这个值是对象或null。

'function' ：这个值是函数。
2、typeof 来获取一个变量是否存在，如

if(typeof a!="undefined"){alert("ok")}

而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错。

3、对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性。

二、Instanceof定义和用法：

Instanceof定义和用法：instanceof 用于判断一个变量是否属于某个对象的实例。也可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。

示例：

a instanceof b?alert("true"):alert("false"); //a是b的实例？真:假



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)

会返回object。

测试：

if (window 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。

参考作者：藏色散人

Practical Training typeof和instanceof的区别是什么？有什么区别？

相关

标签