笔记:隐式转换规则

要求:学习,并背诵全文

原始值

类型 Undefined Null String Boolean Number
undefined null 所有字符串 true false 所有数字/NaN

引用类型

Object的成员叫对象,包括Array,Function,Math,Date,JSON,RegExp等除了原始值之外的所有的类型的成员。

valueOf / toString

Object String Array Number Date Boolean Function
valueOf 原始值 原始值 原始值 原始值 毫秒时间戳 原始值 string
toString [Object Object] 原始值 join方法返回的结果 数字字符串 本地时间字符串 'true'/'false' string

Boolean(x)

X Undefined Null String Boolean Number Object
Boolean(X) = true - - 非空字符串 true 非0 非NaN 所有
Boolean(X) = false undefined null 空字符串 false 0 NaN

Number(x)

X Undefined Null String Boolean Number Object
Number(X) = number - - 全为数字 - 原样返回 desc: 先调用valueOf再转换为Number
Number(X) = 0 - null '0' false 0 -
Number(X) = 1 - - '1' true 1 -
Number(X) = NaN undefined - 包含数字之外的字符 - NaN -

String(x)

X Undefined Null String Boolean Number Object
String(x) 'undefined' 'null' 原样返回 'true'/'false' toString结果 先转为原始值,然后调用toString

Object(x)

x undefined null Boolean Number String Object
Object(x) {} {} 原始值为X的Boolean对象 原始值为X的Number对象 原始值为X的String对象 原值输出
Object(undefined) // {}
Object(null)  // {}
Object(true)   // Boolean {true}
Object(false)  // Boolean {false}
Object(1)      // Number {1}
Object('hello') // String {"hello"}
Object({ a: 1 }) // {a: 1}

场景

转换为Number

  • 一元 +, - 运算符
+{} = NaN
+'20' = 20
-'20' = -20
+[] = 0;
+[1] = 1;
+[1, 2] = NaN
  • ++, -- 运算符
  • +, -, *, /, % 计算
需要注意的是,当 + 计算有字符串参与计算时,会转换为字符串。
  • >, <, >=, <= 比较运算符, 操作数都不是String类型时
  • ==, != 操作数中只有String类型和Number类型,或者其中有一个是Boolean

转换为Boolean

  • && ! || 运算
  • 条件运算
  • if, while, do-while, for

转换为String

  • + 号运算,其中一个操作符为字符串
  • 比较运算,其中一个操作符为字符串

clipboard.png


梧桐落
前端虐我千百遍,我待前端如初恋。
12.6k 声望
2.7k 粉丝
0 条评论
推荐阅读
223次提交,历时两个多月,我们团队终于发布了自己的第一款微信小程序「码易」
如果大家了解团队在组建之初,团队成员的真实水平,那么你一定会跟我的想法一样: 这是一件了不起的事情 1 艰难的开始 团队成立的初衷,是因为群里的凌子亦凌老板离职之后空余时间比较多,然后我就想,我们拉几个...

这波能反杀5阅读 2.9k评论 2

从零搭建 Node.js 企业级 Web 服务器(零):静态服务
过去 5 年,我前后在菜鸟网络和蚂蚁金服做开发工作,一方面支撑业务团队开发各类业务系统,另一方面在自己的技术团队做基础技术建设。期间借着 Node.js 的锋芒做了不少 Web 系统,有的至今生气蓬勃、有的早已夭折...

乌柏木148阅读 12.2k评论 10

JavaScript有用的代码片段和trick
平时工作过程中可以用到的实用代码集棉。判断对象否为空 {代码...} 浮点数取整 {代码...} 注意:前三种方法只适用于32个位整数,对于负数的处理上和Math.floor是不同的。 {代码...} 生成6位数字验证码 {代码...} ...

jenemy46阅读 5.9k评论 12

从零搭建 Node.js 企业级 Web 服务器(十五):总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了,回顾第零章曾写道:搭建一个 Node.js 企业级 Web 服务器并非难事,只是必须做好几个关键事项这几件必须做好的关键事项就...

乌柏木66阅读 6.1k评论 16

再也不学AJAX了!(二)使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇,最近更新于 2023 年 1...

libinfs39阅读 6.3k评论 12

封面图
从零搭建 Node.js 企业级 Web 服务器(一):接口与分层
分层规范从本章起,正式进入企业级 Web 服务器核心内容。通常,一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的,如下图:从上至下,抽象层次逐渐加深。从下至上,业务细节逐渐清晰。视图...

乌柏木43阅读 7.3k评论 6

从零搭建 Node.js 企业级 Web 服务器(二):校验
校验就是对输入条件的约束,避免无效的输入引起异常。Web 系统的用户输入主要为编辑与提交各类表单,一方面校验要做在编辑表单字段与提交的时候,另一方面接收表单的接口也要做足校验行为,通过前后端共同控制输...

乌柏木33阅读 6.2k评论 9

12.6k 声望
2.7k 粉丝
宣传栏