JS之隐式转换与布尔判定

大家思考一下

[ ] + [ ]= ?
答案是空字符串

为什么呢?
当做加法运算的时候,发现左右两端存在非原始类型,也就是引用类型对象,就会对对象做隐式类型转换

如何执行的?或者说怎么查找的?

第一步,会去对象中查找是否有 [Symbol.toPrimitive]

javascript 复制代码
    let obj = {
        [Symbol.toPrimitive]() {
            return 123 //如果返回引用数据类型 下面打印会报错
        }
    }
    console.log(obj + 1); //124

如果不存在就进入第二步,查找是否存在valueOf

javascript 复制代码
    let obj = {
        valueOf() {
            return 1 
        }
    }
    console.log(obj + 1); //2

如果valueOf返回的也是引用数据类型就会进入第三步,toString()

javascript 复制代码
    let obj = {
        valueOf() {
            return [] //如果返回引用数据类型就会进入第三步
        },
        toString() {
            return 1
        }
    }
    console.log(obj + 1); //2

所有为什么[ ] + [ ] = " " 呢?
因为它依次查找,找到最后发现是 [ ] 就会执行最后一步 [ ].toString()也就是空字符串

那[ ] + ![ ] = ?
答案是false

这个是布尔判定 不是类型转换
大家熟知的布尔为false的有:NaN Undefined Null " " 0 false

除了这些东西 其它都为true ![ ] 为false

空字符串 + false = false

javascript 复制代码
    console.log([] + ![]);//false


感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐
幽兰的天空2 分钟前
Python 中的模式匹配:深入了解 match 语句
开发语言·python
小曲曲1 小时前
接口上传视频和oss直传视频到阿里云组件
javascript·阿里云·音视频
学不会•2 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
EasyNTS3 小时前
H.264/H.265播放器EasyPlayer.js视频流媒体播放器关于websocket1006的异常断连
javascript·h.265·h.264
Theodore_10223 小时前
4 设计模式原则之接口隔离原则
java·开发语言·设计模式·java-ee·接口隔离原则·javaee
活宝小娜4 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点4 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow4 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o5 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
----云烟----5 小时前
QT中QString类的各种使用
开发语言·qt