('b' + 'a' + + 'a' + 'a').toLowerCase()输出banana的剖析

前言

今天逛微博的时候看到有个博主发的一个问题，代码以下:

('b' + 'a' + + 'a' + 'a').toLowerCase()
// "banana"
复制代码

当时第一反应是JavaScript会报错，可是并无。而后就来了兴趣

剖析

后来仔细一想，估计和JavaScript运算符优先级、隐式转化有关系。

因而先去MDN查了一下JavaScript运算符优先级

我先把上面代码用到的运算符和优先级列举出来：

优先级	运算类型	关联性	运算符
20	圆括号	n/a	(...)
16	一元正号	从右至左	+ ...
13	加法	从左至右	... + ...

OK，了解了上面的运算符后，咱们如今来拆分下上面的代码

首先把toLowerCase去掉，这个函数没啥用，只是起到一个迷惑的做用。

'b' + 'a' + + 'a' + 'a'
// to 
'b' + 'a' + (+ 'a') + 'a'
复制代码

这就是主要的，由于一元正号的优先级是比加法高的，因此这里用括号标注一下。

如今咱们来看下一元正号的说明：

一元正号运算符位于其操做数前面，计算其操做数的数值，若是操做数不是一个数值，会尝试将其转换成一个数值。 尽管一元负号也能转换非数值类型，可是一元正号是转换其余对象到数值的最快方法，也是最推荐的作法，由于它不会对数值执行任何多余操做。它能够将字符串转换成整数和浮点数形式，也能够转换非字符串值 true，false 和 null。小数和十六进制格式字符串也能够转换成数值。负数形式字符串也能够转换成数值（对于十六进制不适用）。若是它不能解析一个值，则计算结果为 NaN。

注意看上面的这段话：若是操做数不是一个数值，会尝试将其转换成一个数值和若是它不能解析一个值，则计算结果为 NaN

那上面代码的+ 'a'就是会变成NaN，过程以下：

'b' + 'a' + (+ 'a') + 'a'
// to
'b' + 'a' + Number('a') + 'a'
// to
'b' + 'a' + NaN + 'a'
复制代码

是否是清晰不少了，而后又涉及到了隐式转化，加号在JavaScript规则里有一条是，当操做符有一个是字符串类型时，另外一个也要转成字符串类型。也就是说NaN要进行toString。那NaN在执行是什么呢？在ECMA-262中有说明，如图：

也就是说NaN会转成"NaN"。因此上面的代码就变成了这样：

'b' + 'a' + NaN + 'a'
// to
'b' + 'a' + "NaN" + 'a'
复制代码

最终在调用toLowerCase函数转成小写，就变成了banana

---

更正:

没有必要为了喷而喷，诚然文章的主体可能并非说有什么实用价值。可是研究自己就是一件充满乐趣的事情。开心就好。

不喜欢，关闭就好。于其浪费时间喷一下，不如去看一下其余的文章。