摘要：實(shí)際上就是做了這樣一件事情顯式的指定是回顧一下隱式模式顯示模式觀(guān)點(diǎn)里所有函數(shù)都接受個(gè)參數(shù)第一個(gè)第二個(gè)是函數(shù)被調(diào)用時(shí)一定會(huì)有這個(gè)參數(shù)如果你用調(diào)用函數(shù)就是顯式的傳遞和如果你用語(yǔ)法直接調(diào)用函數(shù)那就去幫你偷偷的傳遞。

上一篇,談了對(duì)象和對(duì)象的關(guān)系,現(xiàn)在我們談?wù)剬?duì)象和函數(shù)的關(guān)系

先說(shuō)結(jié)論,也就是觀(guān)點(diǎn)1

首先我們根據(jù)場(chǎng)景,去理解this的出現(xiàn)可以解決什么問(wèn)題。

    var obj = {
        name : "ziwei",
        sayName: function(x){
            return console.log("hello," + x.name)
        }
    }
   

現(xiàn)在我們不用this,我們就只能這樣調(diào)方法
obj.sayName(obj)

但是一般而言,我們用obj調(diào)用sayName,肯定就是希望讓這個(gè)對(duì)象說(shuō)自己的名字

為了能夠obj.sayName(),讓這個(gè)obj自己的傳遞進(jìn)去,JS之父發(fā)明了this.

this的出現(xiàn),就可以解決obj.sayName(obj)時(shí),不用自己傳遞obj進(jìn)去,而是直接obj,sayName(),讓JS會(huì)幫你傳遞obj參數(shù)進(jìn)去

你可以理解為JS做了一件事情,就是你每次調(diào)用函數(shù)時(shí),都偷偷給你傳遞了一個(gè)參數(shù),你用this就可以拿到這個(gè)參數(shù)。

    var obj = {
        name : "ziwei",
        sayName: function(){
            return console.log("hello," + this.name)
        }
    }
    obj.sayName()   

但是這樣,其實(shí)對(duì)于新手很不友好。我obj.sayName(),根本沒(méi)傳遞參數(shù),那他是怎么輸出obj的name的呢?

所以JS偷偷的傳遞this參數(shù)這件事情,我們將它顯式的展出來(lái)就好理解了。

實(shí)際上,JS就是做了這樣一件事情,顯式的指定this是obj. obj.sayName.call(obj)

回顧一下:

隱式模式: obj.sayName()
顯示模式: obj.sayName.call(obj)

JS函數(shù)被調(diào)用時(shí),一定會(huì)有這2個(gè)參數(shù)

如果你用call()調(diào)用函數(shù),就是顯式的傳遞this和arguments
如果你用()語(yǔ)法直接調(diào)用函數(shù),那JS就去幫你偷偷的傳遞this。它怎么幫你傳遞呢? 這個(gè)問(wèn)題暫時(shí)不管,下面會(huì)說(shuō)。

JS其實(shí)為了用this,想了很多折中方案。
包括(1)函數(shù)調(diào)用有兩種語(yǔ)法 , 把函數(shù)的參數(shù)劃分為this和arguments

一個(gè)三段論

論點(diǎn)1: JS函數(shù)的參數(shù)的值,只有在傳參時(shí)才確定的

論點(diǎn)2: this是函數(shù)的參數(shù)

推論: this的值,只有在函數(shù)調(diào)用時(shí)才確定

JS偷偷幫你傳遞參數(shù)的規(guī)則 (也就是你使用()語(yǔ)法調(diào)用時(shí))

在全局作用域下調(diào)用函數(shù),默認(rèn)是window (這個(gè)是歷史遺留bug),或者你也可以理解為window對(duì)象調(diào)用的函數(shù)

哪個(gè)對(duì)象調(diào)用的,這個(gè)this就指向誰(shuí)

構(gòu)造函數(shù)里this指向構(gòu)造函數(shù)的實(shí)例

call、apply、bind都是顯式的傳遞this了,不用多說(shuō)

箭頭函數(shù)里沒(méi)有this,如果你非要寫(xiě)一個(gè)this,那這個(gè)this跟外面的this一致

這個(gè)this是誰(shuí)?
function a(){
    console.log(this)
}

答案: 不確定,this是參數(shù),函數(shù)沒(méi)有調(diào)用,怎么確定參數(shù)的?

function a(){
    "use strict"
    console.log(this)
}

a()

答案: undefined, 嚴(yán)格模式下, 全局作用域下this不再是window,而是undefiend

新手不會(huì)this的主要原因,是不清楚函數(shù)的另一個(gè)調(diào)用方式call(),

因?yàn)橛胏all()就是自己傳遞this, 用()就是JS偷偷幫你傳遞this,既然是JS按照他自己的規(guī)則,偷偷給你傳遞的,你肯定要懵逼搞不清的

就像手動(dòng)檔和自動(dòng)擋開(kāi)車(chē)一樣