其他分享
首页 > 其他分享> > 面试题之a==1&&a==2&&a==3和a===1&&a===2&&a===3

面试题之a==1&&a==2&&a==3和a===1&&a===2&&a===3

作者:互联网

这道面试题现在应该挺常见了吧:

// 定义a,使下面代码可以打印出"哈哈!"

if(a==1&&a==2&&a==3){

   console.log("哈哈!");

}else{

   console.log("嘻嘻!");

};

 

我当初看到题目的第一反应:what?一个数可以同时和三个数相等?会不会是toString隐式转换?于是就尝试了一下:

var a={
    num:1,
    toString:function(){
        return a.num++;
    }
}
if(a==1&&a==2&&a==3){
    console.log("哈哈");
}else{
    console.log("嘻嘻!");
}

//=> "哈哈"

以上代码运行结果证实了猜想,对象a跟数字类型比较的时候,会进行隐式转换,这里我们重写了它的toString方法,使其每比较一次返回的结果就加1。猜想一下,如果将a==1&&a==2&&a==3改为a===1&&a===2&&a===3,这种方法还管用吗?

var a={
    num:1,
    toString:function(){
        return a.num++;
    }
}
if(a===1&&a===2&&a===3){
    console.log("哈哈");
}else{
    console.log("嘻嘻!");
}
//=> "嘻嘻"

结果发现===全等并不行,究其原因还是因为toString方法返回的都是字符串,1==="1"肯定是false了。这样看来隐式转换好像对全等的情况下并不管用。还有没有一种方法,可以使每次a作比较的时候返回的不是字符串而是数字呢?

Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。它会控制对象属性值的getter和setter。

num=1;
Object.defineProperty(window,'a',{
    get:function(){
        return num++;
    }
})
if(a===1&&a===2&&a===3){
    console.log("哈哈!");
}else{
    console.log("嘻嘻!");
}
/=> "哈哈"

到这就已经有了答案,如果下次遇到这种题,主要看它考的是 == 还是 ===,前者以上俩种方法都能实现,后者的话不能使用隐式转换了,可以利用Object.defineProperty()来解答。

 

脚踏实地行,海阔天空飞~

标签:面试题,console,log,哈哈,num,toString,&&
来源: https://www.cnblogs.com/coder--wang/p/15056864.html