關(guān)于this指向的問題，如下代碼

1. 事件回調(diào)函數(shù)的this指向觸發(fā)事件的DOM節(jié)點(diǎn)；
2. 普通函數(shù)的this與調(diào)用方式有關(guān)，一共有四種；
3. fun()屬于普通函數(shù)調(diào)用，this指向window。

https://segmentfault.com/a/11...

看函數(shù)的四種調(diào)用模式。

函數(shù)的四種調(diào)用模式
函數(shù)模式
特征:就是一個(gè)簡(jiǎn)單的函數(shù)調(diào)用，函數(shù)名前面沒有任何的引導(dǎo)內(nèi)容

this在函數(shù)模式中的含義： this在函數(shù)中表示全局對(duì)象，在瀏覽器中是window對(duì)象

方法模式
特征: 方法一定是依附于一個(gè)對(duì)象, 將函數(shù)賦值給對(duì)象的一個(gè)屬性, 那么就成為了方法.

this在方法模式調(diào)用中的含義:表示函數(shù)所依附的這個(gè)對(duì)象

構(gòu)造器調(diào)用模式
特征:使用 new 關(guān)鍵字, 來(lái)引導(dǎo)構(gòu)造函數(shù).

由于構(gòu)造函數(shù)只是給 this 添加成員. 沒有做其他事情. 而方法也可以完成這個(gè)操作, 就 this 而言, 構(gòu)造函數(shù)與方法沒有本質(zhì)區(qū)別.

構(gòu)造函數(shù)中發(fā)this與方法中一樣, 表示對(duì)象, 但是構(gòu)造函數(shù)中的對(duì)象是剛剛創(chuàng)建出來(lái)的對(duì)象

ps：補(bǔ)充關(guān)于構(gòu)造函數(shù)中return關(guān)鍵字的補(bǔ)充說明

構(gòu)造函數(shù)中不需要return, 就會(huì)默認(rèn)的return this
如果手動(dòng)的添加return, 就相當(dāng)于 return this
如果手動(dòng)的添加return 基本類型; 無(wú)效, 還是保留原來(lái) 返回this
如果手動(dòng)添加return null; 或return undefiend, 無(wú)效
如果手動(dòng)添加return 對(duì)象類型; 那么原來(lái)創(chuàng)建的this就會(huì)被丟掉, 返回的是 return后面的對(duì)象
上下文調(diào)用模式
特征:上下文(Context)，就是函數(shù)調(diào)用所處的環(huán)境。上下文調(diào)用，也就是自定義設(shè)置this的含義。

常見的就是通過call 、apply和bind調(diào)用

哪位點(diǎn)的-1？完全不理解什么心態(tài)...

在理解代碼之前，我們先運(yùn)行一段代碼：

<a id="test"><span>測(cè)試一下</span></a>
<script type="text/javascript">
document.getElementById("test").onclick=function(){
    console.log(this);
    function fun(){
        console.log(this);
    }
    fun();
    (function(that){
        console.log(that);
    })(this);
}
document.getElementById("test").click();
</script>

可以很容易的發(fā)現(xiàn)，打印的內(nèi)容為object window object

為什么會(huì)這樣呢？這是因?yàn)閠his需要傳遞過來(lái)。

第一次打印，通過點(diǎn).傳遞過來(lái)，所以打印的是object對(duì)象。

第二次打印，因?yàn)闆]有把this傳過去，所以找不到對(duì)象，這時(shí)候this指向window(還記得在函數(shù)作用域下因?yàn)闆]有對(duì)象所以this指向window嗎？這個(gè)也是一樣的道理，因?yàn)檎也坏綄?duì)象，所以this指向window)(這種情況下使用嚴(yán)格模式則打印undefined)。

第三次打印，通過自執(zhí)行函數(shù)把this傳入，所以打印的也是object對(duì)象。