一道前端面试题引发的思考

直接开始题目是

if(a==1 && a==2 && a==3){
    alert('厉害了')
}

说句实话开发中谁写成这样保证会被打死。

不过面试就是面试，有面试官的考量点。

我理解的点有两个

1、隐式类型转换

先说说隐式类型转换有几种情况

先说条件判断 ==

• String和Number比较：'1' == 1，字符串会调用Number()方法转为数字后再比较。

• Boolean和Number比较：true == 1, Boolean调用Number()方法转为数字后再比较。

• 布尔值和字符串比较：true == '1'，会将双方调用Number()转换为Number，然后再进行比较。

总结一句话，==两侧非Number都会调用Number()转化后再调用。

再说说 + - * /运算符

它们四个可以分两类，+和其它，我们都知道+既可以做运算符也可以做字符串链接。

1+1 = 2
1+"1" = "11"
2-'1' = 1
2*'1' = 2
2-/'1' = 2

除了+号运算符，其它运算符两侧如果有字符串数字的话也是会调用Number转换再运算。

聊到这里你发现这和题目没毛关系啊！过来人告诉你 冷静！往下看

2、valueOf / toString等原生api的掌握程度

针对对象的valueOf / toString等原生api，我们看数字和对象的比较/数字和对象的运算

以上我们总结单纯的隐式类型转换没办法解决问题

js里除了空字符串、数字0、null、undefined、false、NaN为假 其它均为真。

JavaScript调用valueOf方法将对象转换为原始值。你很少需要自己调用valueOf方法；当遇到要预期的原始值的对象时，JavaScript会自动调用它。官方是这么说的。

1 == {
    valueOf:()=>{
        return 1
    }
}

//true

从结果看 对象会自动调用valueOf方法

这样我们就可以改成：

a = {
      value :0,
      valueOf :function(){
            this.value++
            return this.value
      }
}

1==a //true
2==a //true
3==a //true
//结果为true，每次隐式类型转换的过程都会自动调用valueOf。

//接下来说toString

//都有valueOf了 还说toString干嘛，的确默认都会调用，只不过有优先级。
//我只能说js作者很牛逼。

//如果同时有包含它们两个（valueOf和toString会怎么样

a = {
      value :0,
      valueOf :function(){
            this.value++
            return this.value+'aa'
      },
      toString:function(){
           this.value+=2
           return this.value
      }
}

image.png

规则就是这样，当valueOf返回不为基本类型的时候，回去调用toString方法。

调用了三次结果变为6

还有一个很骚的方法，是从一个小姐姐博客看到的，https://juejin.im/post/5d124a12f265da1b9163a28d
文章第六题：我聊的这个就是这个题，不过感觉小姐姐聊得更专业点。

let arr=[1,2,3]
arr.join = arr.shift
arr ==1
arr ==2
arr ==3

结果完美，不过小姐姐的意思是数组的toString方法会自动触发数组的jion。
这个真是厉害了！