js return的值取不到_【JS基础】隐式转换（一）

开篇

JS作为一门动态语言十分灵活，但是伴随而来的弱类型隐式转化的问题让我们十分头疼。

隐式作为一个大课题，很难用一个很简短的篇幅把JS的隐式转换讲解的十分清楚。所以我选择用多次少量的策略进行梳理，争取让你每看完一篇都会有加深对于JS隐式转换的理解。

一元操作符

说到隐式转换，就不得不提操作符了，绝大多数的隐式转换都与操作符有关。我们就从最简单的一元操作符开始我们的隐式转换探索之旅吧！ gogogo!

先来一串+ 操作符的基础实践：

let n = 1
let s1 = '2'
let s2 = 'z'
let o = {valueOf: function() {return -1}
}n = +n  // 值不变
s1 = +s1 // 值变为 2
s2 = +s2 // 值变为 NaN
o = +o // 值变为 -1

由上面的代码可以看到，使用+操作符后，使用效果会像Number()转型函数一元进行解析。

而Number()的转化规则就是一元操作符隐式转化的精髓所在。

(开始划重点！

Number()的转化规则如下：

数字不变
true和false分别转化为0和1
null返回0
undefined返回NaN
string比较复杂
- 如果为空，则返回0
- 如果是数字(包括整型，浮点数，十六进制)，则忽略前导0转化为对应十进制数字
- 如果非上述格式，则返回NaN
如果是对象，则首先调用valueOf方法，然后按照前面的规则转换，如转换结果还是对象（非原始值），则再调用对象的toString方法。

虽然红宝书中描述为“如果是对象，则首先调用valueOf方法转换返回的值，如果为NaN，则再进行toString方法”但是据我实践发现貌似此处的描述并不准确，或者谁来跟我讲讲

既然我们知道了+的转换规则，那么可以拓展来验证一下上面的规则，我们这里主要对于对象进行探究

PS: 没有记住规则不要紧，可以按照上面的规则走，多来几次就明白了~

let o1 = {valueOf: function() {console.log('执行valueOf')return 'a'},toString: function() {console.log('执行toString')return -1}
}o1 = +o1 // 执行valueof NaNlet o2 = {valueOf: function() {console.log('执行valueOf')return {}},toString: function() {console.log('执行toString')return -1}
}o2 = +o2 // 执行valueof 执行toString -1let o3 = {valueOf: function() {console.log('执行valueOf')return []},toString: function() {console.log('执行toString')return -1}
}o3 = +o3 // 执行valueof 执行toString -1let o4 = {valueOf: function() {console.log('执行valueOf')return function () {}},toString: function() {console.log('执行toString')return -1}
}o4 = +o4 // 执行valueof 执行toString -1let o5 = []
o5 = +o5 // 0let o6 = function() {}
o6 = +o6 // NaN

关于最后的o5，o6的结果我们要解释一下。不要忘记Array和Function也是对象哦，所以他们的执行顺序应该是下面这样的。

+o5 Array的执行顺序: