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


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

相关推荐
weixin_440784115 小时前
【HandlerThread实现原理】
android·java·开发语言
天空'之城5 小时前
C 语言工业级通用组件手写 24:互补滤波
c语言·开发语言·互补滤波·嵌入式算法·工业级组件
XR1234567885 小时前
工厂车间无线网络方案对比:AGV漫游哪家强?
开发语言·php
傻啦嘿哟6 小时前
某短视频平台视频爬虫实战:抓取推荐流视频信息,绕过反爬的3种技巧
开发语言·爬虫·python
烬羽6 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
現実君6 小时前
【硬件进阶】AD22上位替换JLEDA教程
开发语言·php
烬羽6 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
mubei-1236 小时前
SpringDAO的用法
java·开发语言·数据库
用户938515635077 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
格林威9 小时前
多相机微秒级对齐:硬件触发 vs PTP(IEEE 1588)方案实战对比
开发语言·人工智能·数码相机·机器学习·计算机视觉·视觉检测·机器视觉