关于 this 的指向问题

}

introduction.call(zhangsan, "李四") // 你好李四, 我是张三 call

introduction.apply(zhangsan, ["李四"]) // 你好李四, 我是张三 apply

intro = introduction.bind(zhangsan)

intro("李四") // 你好李四, 我是张三 bind

bind()是返回一个绑定新环境的function，等着被调用。

关于 this 的指向问题

每个函数的 this 是在调用时被绑定的，完全取决于函数的调用位置

如何判断 this 的指向呢？有两个关键的点调用位置和绑定规则。

一、调用位置

我们知道执行是在执行栈中的，执行栈是一个栈的结构，遵从先进后出，我们会把执行的任务压入栈中。所以我们这里寻找的调用位置就是当前正在执行的函数的上一个调用的位置。下面看个例子理解：

function a() { //当前调用栈是：a，所以当前调用位置是全局

console.log(“a”)

b(); // b 的调用位置 }

function b() { //当前调用栈是：a->b，所以当前调用位置是a

console.log(“b”)

c(); // c 的调用位置 }

function c() { //当前调用栈是：a->b->c，所以当前调用位置是b

console.log(“c”)

}

a()

二、绑定规则

1. 默认绑定：这条规则可以看作是无法应用其他规则时的默认规则，也是我们最常用的。

var a = 3;

console.log(this.a)

} foo() // 2，为什么不是3，那就是因为使用了 this，根据我们上面的调用规则，他是绑定到全局中的

1. 隐式绑定

需要考虑的规则是调用位置是否有上下文对象，当函数拥有上下文对象时，隐式绑定会把this绑定到这个上下文来，并且如果函数调用前存在多个对象，this指向距离调用自己最近的对象。下面我们看例子来理解这段

话：

var a = 1;

function foo() { var a = 4;

console.log(this.a)

}

var obj2 = { a:2,

foo:foo };

var obj1 = { a:3,

obj2: obj2 };

obj2.foo()// 2 当函数拥有上下文对象时，隐式绑定会把this绑定到这个上下文来 obj1.obj2.foo() //2 如果函数调用前存在多个对象，this指向距离调用自己最近的对象

在隐式绑定中，还会出现一个问题，那就是隐式丢失，作为参数传递以及变量赋值，会使参数或者变量直接指向函数，从而丢失 this 指向。

1. 变量赋值

var a = 1;

function foo() { var a = 3;

console.log(this.a)

} var obj = {

a:2, foo:foo

};

var bar = obj.foo;

1. 参数传递

var a = 1;

function foo() { var a = 3;

console.log(this.a)

} function doFun(fn) {

fn()

} var obj = {

a:2, foo:foo

};

doFun(obj.foo;) // 1

这里其实也是和上面的情况相似的，在 doFun 里面，fu 其实引用的是 foo，所以指向的是全局的

那么如何解决隐式丢失呢？

使用隐式绑定：将函数绑定至对象属性，调用时通过对象属性直接调用，弱赋值到其他对象，需将正对象赋值过去，不然会发生丢失（丢失初次绑定的环境）

1. 显式绑定

显示绑定就是指通过 call，apply 以及 bind方法改变 this 的行为，具体这三个方法看下面就好了~

1. new 绑定

我们在上面的构造函数中讲到 new 操作符构造函数的过程，可以上去看看~

使用 new 来调用的时候，实际构建一个新的对象并把他绑定到 foo（）调用的 this 上。

function foo(a) { this.a = a;

} var bar = new foo(2);

console.log(bar.a) // 2

1. 箭头函数

箭头函数不会创建自己的 this，所以它没有自己的this，它只会从自己的作用域链的上一层继承 this。