简单谈谈javascript中this的隐式绑定

JavaScript中的this概念

在JavaScript中，this是一个特别而又复杂的概念。无论是在函数式编程还是在面向对象编程中，this都有其独特的用途。这篇文章将会为你this的隐式绑定，带你深入理解其运作机制。

让我们通过一个简单的例子来开始我们的讨论：

```javascript

function foo() {

console.log( this.a );

}

var obj = {

a: 2,

foo: foo

};

obj.foo(); // 输出：2

```

在这个例子中，this指向了obj。关键在于理解this的绑定是在运行时决定的，而不是在声明时。换句话说，this指向的是函数被调用的地方，也就是所谓的call-site（调用域）。换句话说，函数的调用位置决定了它的作用域和上下文。如果函数是对象的方法，那么它会被绑定到那个对象上。也就是说，"call-site"可以理解为函数被调用的上下文环境。在这个例子中，"call-site"就在obj对象上。理解了这一点之后，我们再来看看关于call-stack（调用栈）的内容。call-stack可以帮助我们理解函数调用的层级关系。在一段复杂的程序中，你可能会遇到嵌套调用的情况，这时就需要借助call-stack来追踪每个函数的调用情况。在理解了这个概念后，我们再来看一个例子：

假设我们有三个函数：baz、bar和foo。它们之间的调用关系如下：baz调用bar，bar调用foo。那么我们可以说，foo的调用栈是baz->bar->foo，也就是说它的调用域在全局作用域中。理解了这一点之后，我们再来看看关于this的另一个重要概念——隐式丢失。当一个函数被引用或赋值给另一个变量时，它的上下文环境会丢失，也就是说this的指向会发生变化。例如：当我们将obj上的foo赋值给bar时，虽然bar引用了obj上的foo函数，但实际上相当于直接对foo函数的引用而已，所以会默认绑定到全局对象上。当我们调用bar函数时，它会输出全局变量a的值而不是obj对象中的a的值。这就是所谓的隐式丢失。理解了这一点之后，我们可以更好地理解和处理在JavaScript中的this概念。希望这篇文章能够帮助你理解JavaScript中的this的隐式绑定机制。让我们对JavaScript有更深入的理解吧！