JavaScript之this指向

leeon 發(fā)布于2019-08-22 15:37 / 3343人閱讀

摘要：中是在運(yùn)行的時(shí)候進(jìn)行綁定的，這是中關(guān)鍵字具備多重含義的本質(zhì)原因。所以，中的可以是全局對(duì)象當(dāng)前對(duì)象或者是任意對(duì)象。

Js中this是在運(yùn)行的時(shí)候進(jìn)行綁定的，這是Js中this關(guān)鍵字具備多重含義的本質(zhì)原因。所以，Js中的this可以是全局對(duì)象、當(dāng)前對(duì)象或者是任意對(duì)象。這完全取決于函數(shù)的調(diào)用方式，而js中函數(shù)的調(diào)用有以下幾種方式：

作為對(duì)象方法調(diào)用

作為函數(shù)調(diào)用

作為構(gòu)造函數(shù)調(diào)用

使用apply或call調(diào)用

根據(jù)以下判斷，判別this分別指向什么：
1.函數(shù)調(diào)用是用new進(jìn)行調(diào)用的嗎？如果是，則this指向新創(chuàng)建的對(duì)象，否則進(jìn)行下一步判斷
2.判斷該函數(shù)是否是用dot(.)進(jìn)行調(diào)用的，如果是的話，那么this指向dot(.)之前的對(duì)象；否則this指向全局對(duì)象window.

四種調(diào)用方式中this的指向

函數(shù)調(diào)用模式中this指全局對(duì)象(window)

     var f1 = function() {
        　　　　alert("這個(gè)是函數(shù)調(diào)用");
        　　　　alert(this);//window
        　　};
        　　f1();

方法調(diào)用
　由對(duì)象調(diào)用方法（當(dāng)對(duì)象為null的時(shí)候，函數(shù)進(jìn)行函數(shù)調(diào)用模式，當(dāng)對(duì)象不為null的時(shí)候，函數(shù)實(shí)現(xiàn)方法調(diào)用模式）
　在方法調(diào)用模式中 this 表示當(dāng)前對(duì)象

    var o = {name:"小明"};
    　　o.say = function() {
    　　　　alert(this.name);//小明
    　　　　alert(this);//o
    　　};
    　　o.say();

任何一個(gè)函數(shù)放在new 后面就是構(gòu)造函數(shù)，構(gòu)造函數(shù)的this是構(gòu)造函數(shù)返回的對(duì)象，構(gòu)造函數(shù)的return發(fā)生變化，如果返回的是對(duì)象，直接返回，否則返回創(chuàng)建出來(lái)的對(duì)象
如

　　var Person = function(n) {
　　　　this.name = n;
　 　　 return {

     name:"男",
     get:function(){
         console.log(this.name);
     };
　　　 // return 123;
　　}
　　var p = new Person();

函數(shù)的apply調(diào)用模式和call調(diào)用模式
語(yǔ)法：
　函數(shù)名.apply(對(duì)象, [參數(shù)數(shù)組]);
　　函數(shù)名.call(對(duì)象, 參數(shù)列表);
如

　　var func = function() {
　　　　this.name = "小明";
　　　　this.say = function(){alert(this.name + "學(xué)習(xí)好");};
　　};
　　func.apply(null); // 等價(jià)于 func();