js中typeof和instanceof用法区别

来源:互联网 发布:南宁三中教师待遇知乎 编辑:程序博客网 时间:2024/05/21 11:26
 js中typeof和instanceof用法区别
转自:http://blog.csdn.net/u014421556/article/details/52083215


typeof和instanceof的区别
typeof和instanceof都可以用来判断变量,它们的用法有很大区别:
typeof会返回一个变量的基本类型,只有以下几种:number,boolean,string,object,undefined,function;例:
alert(typeof(1));//number
alert(typeof("abc"));//string
alert(typeof(true));//boolean
alert(typeof(m));//undefined
如果我们想要判断一个变量是否存在,可以使用typeof:(不能使用if(a) 若a未声明,则报错)
if(typeof a != 'undefined'){
    //变量存在
}
instanceof返回的是一个布尔值,如:
var a = {};
alert(a instanceof Object);  //true
var b = [];
alert(b instanceof Array);  //true
需要注意的是,instanceof只能用来判断对象和函数,不能用来判断字符串和数字等,如:
var b = '123';
alert(b instanceof String);  //false
alert(typeof b);  //string
var c = new String("123");
alert(c instanceof String);  //true
alert(typeof c);  //object
另外,用instanceof可以判断变量是否为数组


大家都知道js中可以使用typeof来判断变量的基本类型,如:
alert(typeof '111'); // "string" 
alert(typeof 22); // "number" 
alert(typeof a); // "undefined" 
alert(typeof undefined); // "undefined" 
alert(typeof []); // "object"
但是这个方法不适用于来判断数组,因为不管是数组还是对象,都会返回object,这就需要我们需求其他的方法。
有几种方法可以拿来判断:
1、constructor属性
这个属性在我们使用js系统或者自己创建的对象的时候,会默认的加上,例如:
var arr = [1,2,3];  //创建一个数组对象
arr.prototype.constructor = Array;  //这一句是系统默认加上的
所以我们就可以这样来判断:
var arr = [1,2,3,1]; 
alert(arr.constructor === Array);   // true
2、instanceof
instanceof是检测对象的原型链是否指向构造函数的prototype对象的,所以我们也可以用它来判断:


var arr = [1,2,3]; 
alert(arr instanceof Array);   // true


最后,为了给大家一个结果,现写出一个终极解决方案:
判断数组终极解决方案
var arr = [1,2,3]; 
function isArrayFn(obj){  //封装一个函数
if (typeof Array.isArray === "function") { 
return Array.isArray(obj); //浏览器支持则使用isArray()方法
}else{                     //否则使用toString方法
return Object.prototype.toString.call(obj) === "[object Array]"; 


alert(isArrayFn(arr));// true
原创粉丝点击