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


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

相关推荐
逸狼3 分钟前
【JavaEE进阶】Spring DI
java·开发语言
my_styles31 分钟前
2025-alibaba-Sentinel组件
java·开发语言·sentinel
禁默1 小时前
C++之旅-C++11的深度剖析(1)
开发语言·c++
程序员黄同学1 小时前
请谈谈 Vue 中的 key 属性的重要性,如何确保列表项的唯一标识?
前端·javascript·vue.js
繁依Fanyi1 小时前
巧妙实现右键菜单功能,提升用户操作体验
开发语言·前端·javascript·vue.js·uni-app·harmonyos
前端御书房1 小时前
前端防重复请求终极方案:从Loading地狱到精准拦截的架构升级
前端·javascript
程序员黄同学1 小时前
解释 Vue 中的虚拟 DOM,如何通过 Diff 算法最小化真实 DOM 更新次数?
开发语言·前端·javascript
果粒chenl2 小时前
css+js提问
前端·javascript·css
~kiss~2 小时前
Rust~二刷异步逻辑
开发语言·后端·rust
memorycx2 小时前
Vue02
前端·javascript·vue.js