this 关键字
In JavaScript, the thing called this, is the object that "owns" the JavaScript code.
this 指的是拥有当前代码的对象。
注意：this 是一个关键字，不是一个变量，因此不能修改 this 的值。
- 在函数内部使用
this，指的是拥有该函数的对象 - 在对象内部使用
this，指的是该对象本身
function f() {
// 在函数内部使用 this，指的是拥有该函数的对象，即当前 window 对象
console.log(this === window); // true。
}
f();
// 在对象内部使用 this，指的是该对象本身，即当前 window 对象
console.log(this === window); // true
this binding 绑定
this binding is determined by where the function get called：
- called directly 默认绑定
- called by object 隐式绑定
- called by call() and apply() function 显式绑定
- called by new keyword
通过直接使用 this 进行默认绑定
bind to global object 默认绑定到全局变量
var foo = 1;
function f() {
console.log(this.foo);
}
f(); // 1
通过对象进行隐式绑定
var obj = {
num: 1,
say: function() {
console.log(this.num);
}
};
obj.say(); // 1
通过call() 和 apply() 函数进行显式绑定
var obj = {
num: 1,
say: function() {
console.log(this.num);
}
};
var baz = {
say: obj.say
};
baz.say(); // undefined，因为此时的 this 指的是 baz，而 baz 不含变量 num
baz.say.call(obj); // 1，通过 call() 显式将 this 绑定到 obj
baz.say.apply(obj); // 1，通过 apply() 显式将 this 绑定到 obj
通过new进行显式绑定
function Foo() {
this.bar = 1;
}
var foo1 = new Foo();
console.log(foo1.bar); // 1
