javascript中的this, call, apply

wow_worktile 發(fā)布于2019-08-20 15:57 / 2151人閱讀

摘要：可以意為這時又是一門運(yùn)行時的語言，所以我們來看看在不同的情況下的含義處于被對象調(diào)用的方法中處于普通函數(shù)中在構(gòu)造函數(shù)中的指向用簡單的話來說就是誰調(diào)用，就指向誰先看處于被對象調(diào)用的方法中二狗子很明顯，調(diào)用者是，按照上面的簡單規(guī)則誰調(diào)用就指向誰所

this

this可以意為這時,javascript又是一門運(yùn)行時的語言，所以我們來看看this在不同的情況下的含義

處于被對象調(diào)用的方法中

處于普通函數(shù)中

在構(gòu)造函數(shù)中

this的指向用簡單的話來說就是

誰調(diào)用，就指向誰

先看 處于被對象調(diào)用的方法中

var obj = {
    name: "二狗子",
    bark: function(){
        console.log(this);   ==> obj  //    很明顯，調(diào)用者是obj，按照上面的簡單規(guī)則 “誰調(diào)用就指向誰” 所以這里的this == obj
        console.log("汪汪汪");
    }
};

obj.bark();

再來 處于普通函數(shù)中

var obj = {
    name: "二狗子",
    bark: function(){
        console.log(this);  ===> window //  不要以為bark在obj里面定義的，所以this就是obj,記住javascript是在運(yùn)行時才能確定的，但是這里等于window,也許會讓人有點(diǎn)意外，但是如果你知道了全局環(huán)境下所有的屬性方法都是于window就不會奇怪了,所以這里其實(shí)隱藏了一個window，所以其實(shí)是window.bark();這樣調(diào)用的，在參照 “誰調(diào)用就指向誰” 所以這里的this == window
        console.log("汪汪汪");
    }
};

// 注意前面沒有加obj
bark();

接著 在構(gòu)造函數(shù)中

構(gòu)造函數(shù)其實(shí)跟普通函數(shù)沒有任何區(qū)別，在沒有使用new修飾符的時候，函數(shù)就是函數(shù)，只有加了new后，函數(shù)才是一個構(gòu)造函數(shù)，是new賦予了函數(shù)的特殊能力讓其進(jìn)化成了構(gòu)造函數(shù)

func1和func2都是普普通通的函數(shù)
function func1(){}
function func2(){}

new func1();  // 嘭，一瞬間，func1有了新的使命，他成了一個構(gòu)造函數(shù)

那么構(gòu)造函數(shù)有什么用呢？用處就是，他會返回一個對象

function func1(){
    this.name = "一號狗子";
}
function func2(){
    this.name = "二號狗子";
}

var dog = new func1();  // dog1獲得了一個對象
var dog =     func2();  // dog2什么都沒有，因?yàn)楹瘮?shù)沒有返回任何東西

當(dāng)對函數(shù)使用new修飾符時，函數(shù)的內(nèi)部的this的指向則是返回的那個對象，這是js引擎的背后的行為

call apply
call和apply說白了就是改變this指向的兩個方法，這兩個方法屬于function類型，所以只要一個變量的原型鏈上有function，那么它就有call和apply方法
既然說道改變this指向，怎么改變呢？

我們回到第一個例子，這里的this我們已經(jīng)知道了是指向obj，能改變嗎？能，試試apply

var obj = {
    name: "二狗子",
    bark: function(){
        console.log(this);   ==> obj
        console.log("汪汪汪");
    }
};

obj.bark();

// 第一個參數(shù)是你需要將this改指 的變量，后面則是需要傳給func的參數(shù)，這里我們沒有給bark傳，所以沒寫
// func.apply(context, arg...)
obj.bark.apply(window);

就這么簡單，call也是一樣的使用方式，只是call和apply處理傳入?yún)?shù)的方式有一小點(diǎn)區(qū)別，
就是call()方法接受的是一個參數(shù)列表，而apply()方法接受的是一個包含多個參數(shù)的數(shù)組。