定义:
函数的 this 关键字在 JavaScript 中的表现略有不同,此外,在严格模式和非严格模式之间也会有一些差别。
在绝大多数情况下,函数的调用方式决定了 this
的值(运行时绑定)。this
不能在执行期间被赋值,并且在每次函数被调用时 this
的值也可能会不同。es5 引入了 bind 方法来设置函数的 this
值,而不用考虑函数如何被调用的。ES2015 (即es6)引入了箭头函数,箭头函数不提供自身的 this 绑定(this
的值将保持为闭合词法上下文的值)
this的指向:this表示当前对象,this的指向是根据调用的上下文来决定的,默认指向window对象,指向window对象时可以省略不写
举个小例子:
function baz() {
// 当前调用栈是:baz
// 因此,当前调用位置是全局作用域
console.log( "baz" );
bar(); // <-- bar的调用位置
}
function bar() {
// 当前调用栈是:baz --> bar
// 因此,当前调用位置在baz中
console.log( "bar" );
foo(); // <-- foo的调用位置
}
function foo() {
// 当前调用栈是:baz --> bar --> foo
// 因此,当前调用位置在bar中
console.log( "foo" );
}
baz(); // <-- baz的调用位置
同时,this
在函数执行过程中,this
一旦被确定了,就不可以再更改
var a = 10;
var obj = {
a: 20
}
function fn() {
this = obj; // 修改this,运行后会报错
console.log(this.a);
}
fn();
理解:
- ①this是JavaScript的一个关键字,随着函数的使用场合的不同,this 的值会发生变化;
- ②一个总原则:即this指的是调用函数的那个对象;
- ③一般情况下,this 是全局对象,可以作为方法调用。
本文只是简单跟大家表述一下个人对this关键字的理解,就不长篇谈论案例什么的了,毕竟网上有很多很多案例啦!
如果大家想要继续了解的话,可以到面试官网页的:谈谈对this的理解看看
并且,这个面试官网页上都是面试题,大家都是可以熟记且理解的!