JavaScript的this词法

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

person1.grow();//25
setTimeout(person1.grow, 100);//undefined
至所以出现两个不一样的结果，是因为grow函数丢失了同this之间的绑定。
对于这个问题，暂且保留。继续往下看
person2.grow();//undefined
这是因为在person2的grow函数中，this指代的对象即是全局对象window(非严格模式下，严格模式下this指代的为undefined).
对于这个问题，比较好解决，我们的目的是绑定在person2作用域上。
因此我们可以像下面这样书写：
将this赋值给self;因为在setTimeout函数外部，this对象指代的是person2，我们可以将其赋值给self，解决此处this绑定的问题。self只是一个可以通过词法作用域和闭包进行引用的标识符，不关系this绑定的过程中发生了什么。

ES6（ECMAScript6）引入了一个箭头函数，和上面一样可以解决此问题。=>是ES6中添加的一个特殊的语法格式用于函数声明。
100
胖箭头函数在涉及到this绑定时的行为和普通函数的行为完全不一致，它放弃了普通this绑定的规则，使用当前的词法作用域覆盖this本来的值。
“胖箭头”的用法，胖箭头通常被认为是function关键字的简写。

言归正传，继续探讨解决此问题的其它方法，有一个更好的方法是正确的使用和包含this机制。

bind(this),此处的this指代的是person对象，作用与胖箭头一样。

到这个地方，对于person1的问题，我们仍然没有解决。
前面的方法对其都是不起作用的，很明显，我们在person1对象外部使用setTimeout去调用函数，this会指代全局对象window(同样是非严格模式下),因此，此处采用简单粗暴的方法，用call强制性的将this绑定到person1上。

希望本文能对你了解JavaScript的关键字this有所帮助。