【图解】JavaScript加法问题

发布于:2023-01-19 ⋅ 阅读:(349) ⋅ 点赞:(0)

1、加法运行图

在这里插入图片描述

2、案例在图上的表现

(1) null+ undefined

在这里插入图片描述
图解思路:

  • 判断两边是否都是原始数据类型 => null与undefined都是原始类型
  • 判断是否有字符串 => 加号两边不存在字符串
  • 把两端都转为数字 =>
    在这里插入图片描述

(2)NaN+'1'

在这里插入图片描述
图解思路:
- 判断两边是否都是原始数据类型 => NaN'1'都是基本数据类型
- 判断是否有字符串 => '1'是字符串
- 都转为字符串 => 进行字符串的拼接
在这里插入图片描述

(3)1+true

在这里插入图片描述
图解思路:
- 判断两边是否都是原始数据类型 => 1true都是基本数据类型
- 判断是否有字符串 => 不存在字符串
- 都转为数字 => 进行数字的加法运算
在这里插入图片描述

(4)[1]+1

在这里插入图片描述
图解思路:
- 判断两边是否都是原始数据类型 => [1]是对象类型
- 调用valueOf(),看是否能转成原始数据类型=> 不能转成原始类型
- 继续调用toString(),看是否能转成基本数据类型 => [1]能转成'1',然后再按原始类型进行推断,有字符串拼接
在这里插入图片描述

(5)var obj = {valueOf:function(){return this},toString:function(){return this}}

obj+1
在这里插入图片描述
图解思路:

  • 判断两边是否都是原始数据类型 => obj是对象类型
  • 调用valueOf(),看是否能转成原始数据类型=> 不能转成原始类型
  • 继续调用toString(),看是否能转成基本数据类型 => 不能转成字符串
  • 报错

(6)[1,2]+{n:1}

在这里插入图片描述
图解思路:

  • 判断两边是否都是原始数据类型 => 都是对象类型
  • 调用valueOf(),看是否能转成原始数据类型=> 不能转成原始类型
  • 继续调用toString(),看是否能转成基本数据类型 => [1,2]能转成'1,2',{n:1}能转成[object Object],然后再按原始类型进行推断,有字符串拼接
    在这里插入图片描述

网站公告

今日签到

点亮在社区的每一天
去签到