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


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

相关推荐
李纲明几秒前
微信小程序 getSystemInfo 提示已废弃、屏幕高度算错胶囊还对不齐?getWindowInfo 和 getDeviceInfo 怎么接才稳
javascript·微信小程序·小程序·小程序开发·devdiy
Felven1 小时前
C. Brr Brrr Patapim
c语言·开发语言
FungLeo1 小时前
成为全栈·Vue 管理后台篇·用 fetch 建一层可控的请求内核
前端·javascript·vue.js·http·fetch·formdata·接口封装
用户84298142418101 小时前
ByteJS,让重要的 JavaScript 以字节码运行。
javascript
路溪非溪2 小时前
python标准库使用总结
开发语言·python
FungLeo3 小时前
成为全栈·Vue 管理后台篇·Vue Router如何守住多角色后台边界
前端·javascript·vue.js·rbac·vue router·路由守卫·前端权限
FungLeo4 小时前
成为全栈·Vue管理后台篇·仪表盘不是几张卡片:组合统计接口与角色视图
前端·javascript·vue.js·rbac·仪表盘·管理后台·tanstack query
程序员大阳4 小时前
HTML+CSS+JS对话式实战(7)-学生端活动报名功能开发
javascript·css·html·活动报名
SomeOtherTime4 小时前
Rust 面向对象介绍(AI回答)
开发语言·python·rust
zh_xuan4 小时前
kotlin常见面试题
开发语言·kotlin·面试题