1.不管是什么场合,this
都有一个共同点:它总是返回一个对象。
2.this
就是属性或方法“当前”所在的对象。
3.JavaScript 语言之中,一切皆对象,运行环境也是对象,所以函数都是在某个对象之中运行,this
就是函数运行时所在的对象(环境)。
4.如果对象的方法里面包含this
,this
的指向就是方法运行时所在的对象。该方法赋值给另一个对象,就会改变this
的指向。
5.函数实例的call()
方法,可以指定函数内部this
的指向(即函数执行时所在的作用域),然后在所指定的作用域中,调用该函数。
var obj = {};
var f = function () {
return this;
};
f() === window // true
f.call(obj) === obj // true
6.call()
方法的参数,应该是一个对象。如果参数为空、null
和undefined
,则默认传入全局对象。
var n = 123;
var obj = { n: 456 };
function a() {
console.log(this.n);
}
a.call() // 123
a.call(null) // 123
a.call(undefined) // 123
a.call(window) // 123
a.call(obj) // 456
7.如果call()
方法的参数是一个原始值,那么这个原始值会自动转成对应的包装对象,然后传入call()
方法。
8.call()
的第一个参数就是this
所要指向的那个对象,后面的参数则是函数调用时所需的参数。
function add(a, b) {
return a + b;
}
add.call(this, 1, 2) // 3
9.apply()
方法的作用与call()
方法类似,也是改变this
指向,然后再调用该函数。唯一的区别就是,它必须接收数组作为函数执行时的参数。
function f(x, y){
console.log(x + y);
}
f.call(null, 1, 1) // 2
f.apply(null, [1, 1]) // 2
10.bind()
方法用于将函数体内的this
绑定到某个对象,然后返回一个新函数。