你不知道的js中的 隐式转换

今天我们来来聊一下js中的隐式转换
首先我们来看一道题
[ ] == 0
[ ] == false
这里基础稍微好点的都知道输出的是 true
但是为什么呢？

         const arr = []

        arr.valueOf = () => {
            console.log('invoke arr valueOf')
        } 
        console.log(arr == 0)  

首先我们在编辑器上写入这几行代码 试一下在控制台输出的是什么 ？
没错 依次是 ‘ invoke arr valueOf ’ false
但是这里为什么会输出 false 呢 ？ 原因是valueOf的函数返回的是一个 undefined
那么改成这样呢？

        const arr = []

        arr.valueOf = () => {
            console.log('invoke arr valueOf')
            return 0
        } 
        console.log(arr == 0)  

没错 这里输出的正是你预想的那样 ‘invoke arr valueOf’ true

因此在这里我们可以得出结论 发生隐式转换时 会触发valueOf函数
那么这样呢？

	 const arr = []

        arr.valueOf = () => {
            console.log('invoke arr valueOf')
            return 0
        } 
        console.log(arr === 0)  

我想这里的结果和你预期的一样 false , 因为这里没触发隐式转换。

我们再来看一下 如果这样变换呢 ？

        const arr = []

        arr.toString = () => {
            console.log('invoke arr toString') //输出了
            //return 0
        } 
        console.log(arr == 0)   // fasle

// ***********************************************************************

	 const arr = []

        arr.toString = () => {
            console.log('invoke arr toString') //输出了
            return 0
        } 
        console.log(arr == 0)   // true

        const arr = []

        arr.valueOf = () => {
            console.log('invoke arr valueOf') // 触发了
            return 0
        } 
			
		 arr.toString = () => {
            console.log('invoke arr toString') //没触发
            return 0
        } 
        		
        console.log(arr == 0)  // true

因此我们可以得出结论是当一个表达式发生隐式转换时候首先触发的是 valueOf 然后在会触发toString