js_对this的理解

定义：

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

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