js中this
1.函数预编译过程 this ——> window
2.全局作用域里 this ——> window
3.call/apply 可以改变函数运行时 this 指向
4.obj.function();function()里面的this指向obj
与其他语言相比,函数的 this 关键字在 JavaScript 中的表现略有不同,此外,在严格模式和非严格模式之间也会有一些差别。
在绝大多数情况下,函数的调用方式决定了this
的值。this
不能在执行期间被赋值,并且在每次函数被调用时this
的值也可能会不同。ES5引入了bind方法来设置函数的this
值,而不用考虑函数如何被调用的,ES2015 引入了支持this
词法解析的箭头函数(它在闭合的执行环境内设置this
的值)
无论是否在严格模式下,在全局执行环境中(在任何函数体外部)this
都指向全局对象。
当一个函数在其主体中使用 this
关键字时,可以通过使用函数继承自Function.prototype
的 call
或 apply
方法将 this
值绑定到调用中的特定对象
call
和apply
方法的使用:
// 将一个对象作为call和apply的第一个参数,this会被绑定到这个对象。
var obj = {a: 'Custom'};
// 这个属性是在global对象定义的。
var a = 'Global';
function whatsThis(arg) {
return this.a; // this的值取决于函数的调用方式
}
whatsThis(); // 'Global'
whatsThis.call(obj); // 'Custom'
whatsThis.apply(obj); // 'Custom'