typeof与instanceof比较+undefined与null各种值的相互比较

南楼画角 提交于 2019-11-29 19:53:30

1、typeof:返回一个字符串

根据typeof判断对象
表达式                          返回值
typeof undefined           'undefined'
typeof true                   'boolean'
typeof 123                   'number'
typeof "abc"               'string'
typeof function() {}       'function'

typeof {}                   'object'
typeof []                   'object'
typeof null                   'object'

function f(...args) {
    console.log(typeof args); //object   console.log(args instanceof Array); //true}

总结:typeof返回值是一个字符串,该字符串说明运算数的类型,一般只返回一下六种:

number、string、Boolean、undefined、function、object(null、对象、数组)

对于数组、对象以及null,返回值都为object,这正是typeof的局限性。

2、instanceof:用于判断一个变量是否为某个类的实例

    var a = [];
    console.log(a instanceof Array); //true
    console.log(a instanceof Object); //true
以上两个结果都为true,因为Array是Object的子类。

    function test(){};
    var a = new test();
    console.log(a instanceof test) // true

3、null与undefined比较

以下结果涉及到以下类型转换:
    console.log("++++++++++++++++++++++++++++++++++")
    console.log(Boolean([]));//true
    console.log(Boolean({}));//true
    console.log(Number([]));//0
    console.log(Number({}));//NAN

在进行判断的时候,首先对等号左右进行数值转换!!!

    console.log(undefined === undefined);//true
    console.log(null === null);//true
    console.log(undefined === null);//false
    console.log(undefined == null);//true
总结:undefined、null与自己比较返回true;两者比较,相等但不全等。

    console.log("=====================");
    console.log(undefined == false);//false
    console.log(undefined == true);//false
    console.log(null == false);//false
    console.log(null == true);//false
总结:undefined、null既不等于true,也不等于false。

    console.log("======================");
    console.log(false == 0);//true
    console.log("======================");
    console.log(null == 0);//false
    console.log([] == 0);//true
    console.log({} == 0);//false
总结:空数组与0相等;但是空对象与0不相等。

    console.log("======================");
    console.log(null == false);//false
    console.log([] == false);//true
    console.log({} == false);//false
总结:空数组与0相等,false与0相等,所以空数组等于false;空对象与0不相等,false与0相等,所以空对象与false不相等。

    console.log("======================");
    console.log(([])?true:false);//true
    console.log(({})?true:false);//true
    console.log(([]==false)?true:false);//true
    console.log(({}==false)?true:false);//false

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!