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


    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 ? '1' : '2') // 2
       console.log('null', null ? '1' : '2') // 2
       console.log('object', {} ? '1' : '2') // 1
       console.log('array', [] ? '1' : '2') // 1
    
    在进行判断的时候,首先对等号左右进行数值转换!!!
    
        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
  • 相关阅读:
    直接拿来用!最火的前端开源项目(一)
    前端开发框架三剑客
    javascript获取ckeditor编辑器的值(实现代码)
    FireFox不支持InnerText的解决方法
    makefile:4: *** missing separator. Stop.
    javascript跨域解决方案
    wap网站获取访问者手机号PHP类文件
    CentOS安装libpcap
    运用百度开放平台接口根据ip地址获取位置
    azure 云上MySQL最新版本 MySQL5.7.11 批量自动化一键式安装 (转)
  • 原文地址:https://www.cnblogs.com/minyDong/p/11530715.html
Copyright © 2020-2023  润新知