ecmascript5中，this指针的问题

[天崩地裂金刚不坏]

有了箭头函数在ES6中， 我们就不必用that = this或 self = this 或 _this = this 或.bind(this)。例如，下面的代码用ES5就不是很优雅：

?
1
2
3
4
var _this = this;
$('.btn').click(function(event){
_this.sendData();
})
在ES6中就不需要用 _this = this：

?
1
2
3
$('.btn').click((event) =>{
this.sendData();
})
不幸的是，ES6委员会决定，以前的function的传递方式也是一个很好的方案，所以它们仍然保留了以前的功能。

下面这是一个另外的例子，我们通过call传递文本给logUpperCase() 函数在ES5中：

?
1
2
3
4
5
6
7
8
9
10
var logUpperCase = function() {
var _this = this;

this.string = this.string.toUpperCase();
return function () {
return console.log(_this.string);
}
}

logUpperCase.call({ string: 'ES6 rocks' })();
而在ES6，我们并不需要用_this浪费时间：

?
1
2
3
4
5
var logUpperCase = function() {
this.string = this.string.toUpperCase();
return () => console.log(this.string);
}
logUpperCase.call({ string: 'ES6 rocks' })();

[天崩地裂金刚不坏]

这里边不是太懂。