this词法

ES6中this的使用简介：

var obj={id:"awesome",cool:function coolFn() {console.log(this.id);}};var id="not awesome";obj.cool();setTimeout(obj.cool, 100);

直接访问obj.cool会访问对象的方法，而调用setTimeout之后cool()函数丢失了同this之间的绑定。解决问题的方法，最常用的就是var self=this；

var obj={id:"awesome",cool:function coolFn() {var self=this;if(self.count<1){setTimeout(function timer(){self.count++;console.log("awesome?");}, 100);}}};obj.cool();

self只是一个可以通过词法作用域和闭包进行引用的标识符。

通过ES6的箭头函数实现：

var obj={count:0,cool:function coolFn() {if(self.count<1){setTimeout(()={this.count++;console.log("awesome?");}, 100);}}};obj.cool();

var obj={count:0,cool:function coolFn() {if(this.count<1){setTimeout(function timer(){this.count++;console.log("more awesome");}.bind(this),100)}}};obj.cool();