默認綁定
JS中最常用的函數(shù)調(diào)用類型：獨立函數(shù)調(diào)用?？蓪⑵淇醋鳠o法應用其他規(guī)則時的默認規(guī)則。
function foo() {
console.log(this.a);
}
var a = 2;
foo(); // 2
- 聲明在全局作用域中的變量就是全局對象的一個同名屬性。
- 如果使用了嚴格模式，則不能將全局對象應用于默認綁定。如下：
function foo() {
'use strict';
console.log(this.a);
}
var a = 2;
foo(); // TypeError: this is undefined
隱式綁定
當函數(shù)引用有上下文對象時，隱式綁定規(guī)則會把函數(shù)中的this綁定到這個上下文對象。
function foo() {
console.log(this.a);
}
var obj2 = {
a: 42,
foo: foo
};
var obj1 = {
a: 2,
obj2: obj2
}
obj1.obj2.foo(); // 42
- 無論是直接在
obj2中定義還是先定義再添加為引用屬性，這個函數(shù)嚴格來說都不屬于obj2對象。 - 對象屬性引用鏈中只有上一層或者說最后一層在調(diào)用位置中起作用。
隱式丟失
一個常見的this綁定問題就是被隱式綁定的函數(shù)會丟失綁定對象，從而應用默認綁定。
function foo() {
console.log(this.a);
}
var obj = {
a: 2,
foo: foo
};
var bar = obj.foo;
var a = 'global a';
bar(); // global a
雖然bar是obj.foo的一個引用，但實際上它引用的是foo函數(shù)本身，因此此時的bar()其實是一個不帶任何修飾的函數(shù)調(diào)用，從而應用了默認綁定。
顯式綁定
可以直接指定this的綁定對象，因此稱之為顯式綁定。
call(...) / apply(...)
function foo() {
console.log(this.a);
}
var obj = {
a: 2
};
foo.call(obj); / /2
- 通過
foo.call(...)，我們可以在調(diào)用foo時強制把它的this綁定到obj上。 - 如果傳入一個原始值（如數(shù)字、字符串）當作
this綁定的對象，這個原始值會被轉(zhuǎn)換成它的對象形式（即new String(...),new Number(...)等）。這通常被稱為“裝箱”。 - 至此，顯式綁定仍無法解決丟失綁定的問題。
硬綁定
硬綁定是顯式綁定的一個變種，可以解決綁定丟失。
unction foo() {
console.log(this.a);
}
var obj = {
a: 2
}
var bar = function() {
foo.call(obj);
};
bar(); // 2
setTimeout(bar, 100); // 2
// 硬綁定的bar不可能再修改它的this
bar.call(window); // 2
- 在函數(shù)
bar中，我們將foo的this強制綁定到了obj上，無論之后如何調(diào)用bar，總會手動在obj上調(diào)用foo，無法再改變它的this。 - 這種綁定是一種顯式的強制綁定，因此稱為硬綁定。
-
bind()是ES5提供的實現(xiàn)硬綁定的內(nèi)置方法。 - 許多API或內(nèi)置函數(shù)都有一個可選參數(shù)
context，其作用和bind一樣，都是確保你的回調(diào)函數(shù)使用指定的this。
new綁定
在JS中，構造函數(shù)只是一些使用new操作符時被調(diào)用的函數(shù)。它們并不屬于某個類，也不會實例化一個類。只是被new操作符調(diào)用的普通函數(shù)。
function foo (a) {
this.a = a;
}
var bar = new foo(2);
console.log(bar.a); // 2
console.log(bar); // foo {a: 2}
使用new調(diào)用foo時，會構造一個新對象并把它綁定到foo調(diào)用中的this上。new是最后一種可以影響函數(shù)調(diào)用時this綁定行為的方法，我們稱之為new綁定。
Tips
使用new調(diào)用函數(shù)時，會自動執(zhí)行如下操作：
- 創(chuàng)建（或者說構造）一個全新的對象
- 這個新對象會被執(zhí)行
[[Prototype]]連接 - 這個新對象會綁定到函數(shù)調(diào)用的
this - 如果函數(shù)沒有返回其他對象，那么
new表達式中的函數(shù)調(diào)用會自動返回這個新對象
