加载中...
PAGE

js 10分钟学会隐式转换

Post on 2021-10-27 19 0

js中无论是四则运算还是数据判断都有可能用到隐式转换,而有些隐式转换会让你感到疑惑,本篇文章就来学习js隐式转换的套路,也是自己学习的记录。

期待图
在javascript语言中的数据类型有7种,分别为:
原始值:boolean,undefined, null,number,string,symbol(es6新增)
对象值:Object
各数据类型之间的转换被称为类型转换,类型转换也被叫做隐式转换

类型转换之间的处理方法可以看下图

注意图中有一个错误,Boolean 转字符串这行结果指的是 true 转字符串的例子,不是说 Boolean、函数、Symblo 转字符串都是 true

js类型转换
此图出自掘金小册前端面试之道(侵删)

上图汇总了各类型之前转换后得到的结果
类型转换出现的地方最常见的便是四则运算符==

四则运算符
加法运算符不同于其他运算符,他有特殊的特点
当一方为字符串时,另一方就会被转换为字符串

1 + "1" //11 true + "1" //true1 [0] + "a" //0a

当+号双方都不是字符串时,则会转化成数字或字符串

true + true //2 [0] + true //0true

除了加法的运算符以外其他四则运算符,只要其中一方是数字,那么另一方就会被转为数字

==运算符

对于==运算符来说,如果双方类型不同即会发生类型转换
假如我们判断x和y是否相等,会有如下的判断流程:

  1. 如果typeof(x)typeof(y)相同则返回 x === y 的结果
  2. 如果 x 是null 并且 y 是undefined 则返回 true
  3. 如果 x 是undefined 并且 y 是null 则返回 true
  4. 如果 typeof(x) == "number" 并且 typeof(y) == "string" 则返回 x == toNumber(y)
  5. 如果 typeof(x) == "string" 并且 typeof(y) == "number" 则返回 toNumber(x) == y
  6. 如果 typeof(x) == "boolean" 则返回 toNumber(x) == y
  7. 如果 typeof(y) == "boolean" 则返回 x == toNumber(y)
  8. 如果 typeof(x) == "string" or "number" or "symbol" 并且 typeof(y) == "object" 则返回 x == ToPrimitive(y) //这里的ToPrimitive是转化为原始类型的意思 例如对象转化为原始类型就为"[object Object]"
  9. 如果 typeof(x) == "object" 并且 typeof(y) == "string" or "number" or "symbol" 则返回 ToPrimitive(x) == y
  10. 返回 false

一个很有趣的现象

var demo = "demo" demo == true //?

大家觉得会返回什么? 结果是falsedemo是为真值呀,为什么不能等于true?
因为进行了隐式转换,将true转换为了数字0"demo" == 0肯定返回false的,就比如下面的if判断,大家在写代码的时候,千万不要多此一举的去判断== true或者==false,除非你要判断是指是布尔类型的

var demo = "demo" if(demo){ console.log("demo1") } if(demo==true){ console.log("demo2") }

x和y的类型不同就会一直进行类型的转化,直到转化为类型相同或x和y分别为undefined和null时返回最终结果。
类型转换的测试可以去这里

===运算符

全等运算符就是判断两者类型和值是否相同,不会进行隐式转换

mysql 根据日期进行查询数据,没有数据也要显示空

mysql 根据日期进行查询数据,没有数据也要显示空

阅读更多
mysql INSERT SELECT FROM 语句的使用

mysql INSERT SELECT FROM 语句的使用

阅读更多
服务器文件上传500报错,500 InternalServerError

服务器文件上传500报错,500 InternalServerError

阅读更多

暂无评论

    发表评论
    返回顶部
    X