JS区分对象类型

Posted 2020-11-09 空山竹语

Object.prototype.toString.call() 区分对象类型

在javascript中数据类型分为：1.基本类型，2.引用类型

1. 基本类型：Undefined，Boolean，String，Number，Null
2. 引用类型：Object (Array,Date,RegExp,Function)

---

var a = ‘hello world‘;
var b = [];
var c = function(){};

• 1
• 2
• 3

我们用不同的判断类型的方法来判断上面三个变量的类型；（编译工具webStorm,浏览器Chrome） 
1.首先：typeof( )

1.console.log(typeof (a)+‘;‘+typeof (b)+‘;‘+typeof (c))
输出：string;object;function

• 1
• 2

2.其次：instanceof

console.log(a instanceof Object)    //false
console.log(b instanceof Object)    //true
console.log(c instanceof Object)    //true
console.log(a instanceof Array)     //false
console.log(b instanceof Array)     //true
console.log(c instanceof Array)     //false
console.log(a instanceof Function)  //false
console.log(b instanceof Function)  //false
console.log(c instanceof Function)  //true

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

从上面两个例题可以看出，typeof(),insctanceof,这两种方法都只能对简单的变量进行判断，如果比较复杂的变量判断时就会有误，不精确； 
下面我们介绍Object.prototype.toString.call()方法； 
3.Object.prototype.toString.call()

console.log(Object.prototype.toString.call(a))
console.log(Object.prototype.toString.call(b))
console.log(Object.prototype.toString.call(c))
输出：
[object String]
[object Array]
[object Function]

• 1
• 2
• 3
• 4
• 5
• 6
• 7

可以写个方法传值进入判断：

function isType(obj,type){
        if(obj != ‘‘){
            return Object.prototype.toString.call(obj)===‘[object ‘+type+‘]‘
        }else{
            alert(‘对象不能为空‘)
        }
}
 console.log(isType(‘hello world‘,‘String‘))  //true