ES6(ECMAScript 6 ) 箭头函数以及js中的this
箭头函数
定义一个箭头函数很简单，基本语法是：
JS
([param] [, param]) => {
statements
}
param => expression
param 是参数，根据参数个数不同，分这几种情况：
() => { ... } // 零个参数用 () 表示；
x => { ... } // 一个参数可以省略 ()；
(x, y) => { ... } // 多参数不能省略 ()；
当然，和普通函数一样，箭头函数也可以使用 ES6 新增的「默认参数」和「剩余参数」（ Firefox15+ 开始支持）：
JS
var func1 = (x = 1, y = 2) => x + y;
func1(); // 得到 3
var func2 = (x, ...args) => { console.log(args) };
func2(1,2,3); // 输出 [2, 3]箭头函数允许多行语句或者单行表达式作为函数体。多行语句要用 {} 括起来；单行表达式不需要 {}，并且会作为函数返回值：
JS
x => { return x * x }; // 函数返回 x * x
x => x * x; // 同上一行
x => return x * x; // SyntaxError 报错，不能省略 {}
x => { x * x }; // 合法，没有定义返回值，返回 undefined
箭头函数也是 JS 函数的一种，所以之前的 instanceof 和 typeof 依然可用：
JS
var func1 = () => {};
func1 instanceof Function; // true
var func2 = () => {};
typeof func2; // "function"特性
Nicholas C. Zakas 的博客中指出了箭头函数的几个特性：不能被 new 、this 被绑定为函数定义时的 this 且无法改变、不支持 arguments 。对于最后一点，我在 Firefox24 测试发现，arguments 可以正常工作。不知道是标准有变化，还是 Firefox 的实现有偏差，我们来看前两个特性。
箭头函数内部没有 constructor 方法，也没有 prototype，所以不支持 new 操作。new (() => {}) 会触发 TypeError 报错。
JS 里的 this 指针一直是新手很头疼的事情，看一个简单的例子：
JS
var o = {
x : 1,
func : function() { console.log(this.x) },
test : function() {
setTimeout(function() {
this.func();
}, 100);
}
};
o.test(); // TypeError : this.func is not a function上面代码得不到预期结果，因为 this 发生了改变，这个问题可以这样修正：
JS
var o = {
x : 1,
func : function() { console.log(this.x) },
test : function() {
var _this = this;
setTimeout(function() {
_this.func();
}, 100);
}
};
o.test();在函数内部使用外部事先保存的 this 就没问题了。也可以改用 ES5 引入的 bind 方法：
JS
var o = {
x : 1,
func : function() { console.log(this.x) },
test : function() {
setTimeout(function() {
this.func();
}.bind(this), 100);
}
};
o.test();而有了箭头函数，像下面这样写就可以了：
JS
var o = {
x : 1,
func : function() { console.log(this.x) },
test : function() {
setTimeout(() => { this.func() }, 100);
}
};
o.test();箭头函数的 this 始终指向函数定义时的 this，而非执行时。下面看一个尝试改变箭头函数 this 指针的例子：
JS
var x = 1,
o = {
x : 10,
test : () => this.x
};
o.test(); // 1
o.test.call(o); // 依然是1摘自：https://imququ.com/post/arrow-function-in-es6.html
this讲解
JavaScript中this的使用
在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。
对于this变量最要的是能够理清this所引用的对象到底是哪一个，也许很多资料上都有自己的解释，但有些概念讲的偏繁杂。而我的理解是：首先分析this所在的函数是当做哪个对象的方法调用的，则该对象就是this所引用的对象。
示例一、
复制代码 代码如下:
var obj = {};
obj.x = 100;
obj.y = function(){ alert( this.x ); };
obj.y(); //弹出 100 这段代码非常容易理解，当执行 obj.y() 时，函数是作为对象obj的方法调用的，因此函数体内的this指向的是obj对象，所以会弹出100。
示例二、
复制代码 代码如下:
var checkThis = function(){
alert( this.x);
};
var x = 'this is a property of window';
var obj = {};
obj.x = 100;
obj.y = function(){ alert( this.x ); };
obj.y(); //弹出 100
checkThis(); //弹出 'this is a property of window' 这里为什么会弹出 ‘this is a property of window’，可能有些让人迷惑。在JavaScript的变量作用域里有一条规则“全局变量都是window对象的属性”。当执行checkThis() 时相当于window.checkThis()，因此，此时checkThis函数体内的this关键字的指向变成了window对象，而又因为window对象又一个x属性（’thisis a property of window’）,所以会弹出 ‘thisis a property of window’。
上面的两个示例都是比较容易理解的，因为只要判断出当前函数是作为哪个对象的方法调用（被哪个对象调用）的，就可以很容易的判断出当前this变量的指向。
摘自：http://www.jb51.net/article/42257.htm
其实也就是说，this总是只想定义函数是所在的上一级。
例如
var dd = {
xx:1,
zz = function(){
this; //指向的是dd
function xx = {
aa = 3,
this; //指向的是zz
function ii = {
this ; //指向的是xx
}
}
}
}总结：
其实this就是指对象本身，首相你要理解对象，想windows对象等等，他是object类型，而非function,number,string,undifine,null和boolean. 对象object包含上面的所有属性，这时候你在该对象里面调用this，就只该对象本身。
var xx=99;
var obj={
xx:0,
func:function(){
this.xx； //就是指obj.xx 0
xx; //就是指window.xx 99
//所以一般不加this等等的都是直接调用的window对象的属性
}
}这样应该很明白了吧。