【typeof 与 instanceof 区别】

typeof

定义：

用于获取元素的数据类型，返回值为一个字符串，字符串的内容为传入数据的数据类型

用法：

数据类型判断：

//基本数据类型
typeof 1 //'number'
typeof 'aaa' //'string'
typeof undefined //'undefined'
typeof false //'boolean'
typeof Symbol() //'symbol'
typeof null //'object'
//复杂数据类型
typeof [] //'object'
typeof {} //'object'
typeof console.log //'function'

判断是否为null：

let a = null
let b=123
console.log(a===null);
console.log(b===null);

判断一个变量是否存在：

if(typeof a != 'undefined'){
    //变量存在
    console.log('变量存在')
}else{
    console.log('变量不存在')
}

instanceof

定义： 

用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上，返回值为true和false

用法：

let a = new String('123')
a instanceof String // true
let b = 'xxx'
b instanceof String // false

 typeof和instanceof的区别

• typeof会返回一个变量的基本类型，instanceof返回的是一个布尔值
• instanceof可以准确地判断复杂引用数据类型，但是不能正确判断基础数据类型

• typeof虽然可以判断基础数据类型（null 除外），但是引用数据类型中，除了function类型以外，其他的类型无法判断

检测数据类型的完善方式

采用Oject.prototype.toString,调用该方法，统一返回格式[object xxx]

function getType(obj) {
    let type = typeof obj
    if (type !== "object") {    // 先进行typeof判断，如果是基础数据类型，直接返回
        return type
    }
    // 对于typeof返回结果是object的，再进行如下的判断，正则返回结果
    return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1');
}
console.log(getType([]));     // "Array" typeof []是object，因此toString返回
console.log(getType('123'));  // "string" typeof 直接返回
console.log(getType(window)); // "Window" toString返回
console.log(getType(null));   // "Null"首字母大写，typeof null是object，需toString来判断
console.log(getType(undefined));   // "undefined" typeof 直接返回
console.log(getType());            // "undefined" typeof 直接返回
console.log(getType(function () { })); // "function" typeof能判断，因此首字母小写
console.log(getType(/123/g));      //"RegExp" toString返回

总结

以上就是我对typeof和instanceof的理解，希望对还在迷茫的你有所帮助！