摘要：的指向簡單描述版函數(shù)的調(diào)用在的面向?qū)ο笾惺潜硎竞瘮?shù)調(diào)用相關(guān)聯(lián)的對象函數(shù)的上下文。結(jié)語關(guān)于的指向是前端面試中經(jīng)常出現(xiàn)的問題，以上只是暫時簡短總結(jié)了一下結(jié)果而已，后面會對各個函數(shù)調(diào)用的方式進行深入解析。

在JS的面向?qū)ο笾?b>this是表示函數(shù)調(diào)用相關(guān)聯(lián)的對象(函數(shù)的上下文)。所以要想了解this的指向，我們先要清楚函數(shù)的調(diào)用的方式

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

function add(a,b) {
    return a + b;
}

add(1,2);

以上代碼就是函數(shù)作為函數(shù)直接被調(diào)用，那么在這種情況下，函數(shù)上下文(this)就有兩種可能性質(zhì)

在瀏覽器環(huán)境中，this指向了window對象

在嚴格模式下將會是undefined

2.作為方法被調(diào)用

var method = {};
method.add = function () {};
method.add();

當一個函數(shù)被賦值給一個對象屬性，并且通過對象屬性引用的方式時候，函數(shù)就會被作為對象的方法被調(diào)用。那么在這種情況下，this指向的就是引用該方法的宿主對象

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

let person = new Person();

在使用new的時候會有如下動作

創(chuàng)建一個新對象

該對象作為this參數(shù)傳遞給構(gòu)造函數(shù)，成為構(gòu)造函數(shù)的上下文

新構(gòu)造函數(shù)對象作為new的返回值

4.使用call,apply方法調(diào)用

function arguNum() {
    var result = 0;
    for(var i = 0; i < arguments.length; i++) {
        result += arguments[i];
    }

    this.result = result;
}

var obj1 = {};
var obj2 = {};

arguNum.apply(obj1, [1,2,3]);  // 6
arguNum.call(obj2, 1,2,3);  // 6

使用call,apply可以改變this的指向，call&apply區(qū)別在于傳遞的參數(shù)是通過什么方式，call傳遞的是參數(shù)列表，apply傳遞的是一個數(shù)組。

關(guān)于this的指向是前端面試中經(jīng)常出現(xiàn)的問題，以上只是暫時簡短總結(jié)了一下結(jié)果而已，后面會對各個函數(shù)調(diào)用的方式進行深入解析。