js_对this的理解

166 阅读2分钟

本文已参与[新人创作礼]活动,一起开启掘金创作之路。

定义:

        函数的 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的理解看看

并且,这个面试官网页上都是面试题,大家都是可以熟记且理解的!