记一道有十分有意思的JS面试题

前段时间，有一学生问了我一道十分有意思的JS面试题，现拿出来与大家进行下分享，题目如下：

下面代码中a在什么情况下会打印1?：

var a = ?if (a == 1 && a == 2 && a == 3) {    console.log(1);}

这题目猛一看，怎样可能？但事实上答案其实很简单，如下：

var  a = {    i: 1,    toString: function () {        return a.i++;    }}if (a == 1 && a == 2 && a == 3) {    console.log(1);}

看不明白？到现在能否有种怀疑自己学过的JS是假的感觉？来看下解题思路：

1、对象在与字符串拼接或者比较时，首先会通过valueOf()方法来调用其原始值。原始值即其本身的值。

var a ={};console.log(a.valueOf());// {}console.log(a === a.valueOf());// trueconsole.log(typeof a.valueOf());// object

2、假如值为对象，则会调用toString()方法。若对象本身没有该方法，会返回”[object ObjectName]”，其中 ObjectName 是对象类型的名称。

var a = {};console.log(a.toString());// [object Object]console.log(a.toString() + 1);// [object Object]1console.log(a + 1 === a.toString() + 1);// true

3、该对象obj下假如有toString()方法，会调用该方法。

var a = {    toString(){        return 1;    }};console.log(a.toString());// 1console.log(a.toString() + 1);// 2console.log(a + 1 === a.toString() + 1);// true

4、通过以上三点推断出：对象每进行一次比较或者拼接都会执行toString方法。

var num =1;var a = {    toString(){        return ++num;    }};console.log(a+"");// 2console.log(a+"");// 3console.log(a + 1);// 5console.log(a == 5);// true

5、现在再来看下答案是不是很简单了？

var  a = {    i: 1,    toString: function () {        return a.i++;    }}if (a == 1 && a == 2 && a == 3) {    console.log(1);}

—————END—————

喜欢本文的朋友们，欢迎关注公众号 张培跃，收看更多精彩内容！！！公众号回复 电子书 ，送你经典前台电子书籍！