JavaScript 中神奇的加法(隐式类型转换)

本文探讨了JavaScript中加法操作符背后的隐式类型转换。JavaScript的加法不仅适用于数字,还涉及字符串,这源于其隐式转换规则。文章详细解释了原始类型转换ToPrimitive、数字类型转换ToNumber和字符串类型转换ToString的过程,并通过实例解析了加法运算中的转换顺序和特殊情况,揭示了'+'操作符可能导致的意外结果和潜在问题。
摘要由CSDN通过智能技术生成

一般来说, 加减法应该是我们学习生涯中接触到的第一个运算符,通常意义下它也是最简单的运算符。

在程序语言中,加减法的情况一般也比较简单,但是在 JavaScript 中加法的情况却比较奇怪,因为它有着大量特殊的情况。

我们举个简单的例子:

1 + '1' = '11'; 
1 + 'a' = '1a';
1 + []  = '';

从基础数据类型的加法开始,我们得到的结果就变的奇怪了起来。究其根由,其实是 JavaScript 的隐式转换在做怪。

一.什么是 JavaScript 隐式转换?

在讲隐式转换之前,咱们先得回顾一下 JavaScript5 种基础数据类型,3种引用数据类型和 3 个特殊值:

基础数据类型:

  1. number 类型
  2. string 类型
  3. boolean 类型
  4. null 类型
  5. undefined 类型

引用数据类型:

  1. object
  2. function
  3. array

特殊值:

  1. NaN
  2. +Infinity 和 -Infinity
  3. +0 和 -0

ok,我们回到隐式转换中,正如我开始举的那个例子一样,JavaScript 的隐式转换总是发生在各种运算符以及特殊的真值判断中(比如说 if),对与 java 来说,一个 Number 类型值 + 一个 Boolean 类型值 是肯定会报错的,但是在 JavaScript 中却不会,因为隐式转换会将 Boolean 类型的值转换为 Number 值。

二. JavaScript 的加法中隐式转换是怎么工作的?

你在百度上搜索 JavaScript 加法特性,你也许会看到这种图解:
在这里插入图片描述
或者是这种:
在这里插入图片描述

他们是很有用处的内容总结,但是光靠它们并不能帮我们更好的去理解,所以我们需要实例来支撑理论。

我们先来看看一个有趣的例子:

// number + ?
1 + 1 = 2;  // number
1 + '1' = "11";  // string
1 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值