一道前端面試題引發(fā)的思考

gaomysion 發(fā)布于2019-08-23 18:29 / 1827人閱讀

摘要：直接開(kāi)始題目是厲害了說(shuō)句實(shí)話開(kāi)發(fā)中誰(shuí)寫(xiě)成這樣保證會(huì)被打死。不過(guò)面試就是面試，有面試官的考量點(diǎn)。官方是這么說(shuō)的。結(jié)果完美，不過(guò)小姐姐的意思是數(shù)組的方法會(huì)自動(dòng)觸發(fā)數(shù)組的。

直接開(kāi)始題目是

if(a==1 && a==2 && a==3){
    alert("厲害了")
}

說(shuō)句實(shí)話開(kāi)發(fā)中誰(shuí)寫(xiě)成這樣保證會(huì)被打死。

不過(guò)面試就是面試，有面試官的考量點(diǎn)。

我理解的點(diǎn)有兩個(gè)

1、隱式類(lèi)型轉(zhuǎn)換

先說(shuō)說(shuō)隱式類(lèi)型轉(zhuǎn)換有幾種情況

先說(shuō)條件判斷 ==

String和Number比較："1" == 1，字符串會(huì)調(diào)用Number()方法轉(zhuǎn)為數(shù)字后再比較。

Boolean和Number比較：true == 1, Boolean調(diào)用Number()方法轉(zhuǎn)為數(shù)字后再比較。

布爾值和字符串比較：true == "1"，會(huì)將雙方調(diào)用Number()轉(zhuǎn)換為Number，然后再進(jìn)行比較。

總結(jié)一句話，==兩側(cè)非Number都會(huì)調(diào)用Number()轉(zhuǎn)化后再調(diào)用。

再說(shuō)說(shuō) + - * /運(yùn)算符

它們四個(gè)可以分兩類(lèi)，+和其它，我們都知道+既可以做運(yùn)算符也可以做字符串鏈接。

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

除了+號(hào)運(yùn)算符，其它運(yùn)算符兩側(cè)如果有字符串?dāng)?shù)字的話也是會(huì)調(diào)用Number轉(zhuǎn)換再運(yùn)算。

聊到這里你發(fā)現(xiàn)這和題目沒(méi)毛關(guān)系啊！過(guò)來(lái)人告訴你冷靜！往下看

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

針對(duì)對(duì)象的valueOf / toString等原生api，我們看數(shù)字和對(duì)象的比較/數(shù)字和對(duì)象的運(yùn)算

以上我們總結(jié)單純的隱式類(lèi)型轉(zhuǎn)換沒(méi)辦法解決問(wèn)題

js里除了空字符串、數(shù)字0、null、undefined、false、NaN為假其它均為真。

JavaScript調(diào)用valueOf方法將對(duì)象轉(zhuǎn)換為原始值。你很少需要自己調(diào)用valueOf方法；當(dāng)遇到要預(yù)期的原始值的對(duì)象時(shí)，JavaScript會(huì)自動(dòng)調(diào)用它。官方是這么說(shuō)的。

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

//true

從結(jié)果看對(duì)象會(huì)自動(dòng)調(diào)用valueOf方法

這樣我們就可以改成：

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

1==a //true
2==a //true
3==a //true
//結(jié)果為true，每次隱式類(lèi)型轉(zhuǎn)換的過(guò)程都會(huì)自動(dòng)調(diào)用valueOf。

//接下來(lái)說(shuō)toString

//都有valueOf了 還說(shuō)toString干嘛，的確默認(rèn)都會(huì)調(diào)用，只不過(guò)有優(yōu)先級(jí)。
//我只能說(shuō)js作者很牛逼。

//如果同時(shí)有包含它們兩個(gè)（valueOf和toString會(huì)怎么樣

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

規(guī)則就是這樣，當(dāng)valueOf返回不為基本類(lèi)型的時(shí)候，回去調(diào)用toString方法。

調(diào)用了三次結(jié)果變?yōu)?

還有一個(gè)很騷的方法，是從一個(gè)小姐姐博客看到的，https://juejin.im/post/5d124a12f265da1b9163a28d
文章第六題：我聊的這個(gè)就是這個(gè)題，不過(guò)感覺(jué)小姐姐聊得更專(zhuān)業(yè)點(diǎn)。

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

結(jié)果完美，不過(guò)小姐姐的意思是數(shù)組的toString方法會(huì)自動(dòng)觸發(fā)數(shù)組的jion。
這個(gè)真是厲害了！