无法对 null 引用执行运行时绑定_你真的懂this吗？聊聊默认绑定，隐式绑定，显示绑定，new绑定...

https://github.com/YvetteLau/Blog/issues/6

this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，但是相信很多JavaScript开发者并不是非常清楚它究竟指向的是什么。

再看一道题，控制台打印出来的值是什么？【浏览器运行环境】

var number = 5;var obj = { number: 3, fn1: (function () { var number; this.number *= 2; number = number * 2; number = 3; return function () { var num = this.number; this.number *= 2; console.log(num); number *= 3; console.log(number); } })()}var fn1 = obj.fn1;fn1.call(null);obj.fn1();console.log(window.number);

---

为什么要学习this?

首先，我们为什么要学习this？

1. this使用频率很高，如果我们不懂this，那么在看别人的代码或者是源码的时候，就会很吃力。
2. 工作中，滥用this，却没明白this指向的是什么，而导致出现问题，但是自己却不知道哪里出问题了。
3. 合理的使用this，可以让我们写出简洁且复用性高的代码。
4. 面试的高频问题，回答不好，抱歉，请回去等通知。

this是什么？首先记住this不是指向自身！this 就是一个指针，指向调用函数的对象。这句话我们都知道，但是很多时候，我们未必能够准确判断出this究竟指向的是什么？为了能够一眼看出this指向的是什么，我们首先需要知道this的绑定规则有哪些？

1. 默认绑定
2. 隐式绑定
3. 硬绑定
4. new绑定

默认绑定

默认绑定，在不能应用其它绑定规则时使用的默认规则，通常是独立函数调用。

function sayHi(){ console.log('Hello,', this.name);}var name = 'YvetteLau';sayHi();

在调用sayHi()时，应用了默认绑定，this指向全局对象(非严格模式下)，严格模式下，this指向undefined，undefined上没有this对象，会抛出错误。

上面的代码，如果在浏览器环境中运行，那么结果就是 Hello,YvetteLau.但是如果在node环境中运行，结果就是 Hello,undefined.这是因为node中name并不是挂在全局对象上的。如不特殊说明，默认为浏览器环境执行结果。

隐式绑定

函数的调用是在某个对象上触发的，即调用位置上存在上下文对象。典型的形式为 XXX.fun().我们来看一段代码：

function sayHi(){ console.log('Hello,', this.name);}var person = { name: 'YvetteLau', sayHi: sayH