es6 学习笔记（一）箭头函数

由于es6的新增语法很多，就想着写点东西，方便自己记下来，也可以把学习过程中遇到的一些问题跟大家分享。（第一次写博客，有什么排版的问题，请见谅）

参考链接：http://es6.ruanyifeng.com/#docs/let

1.箭头函数

es6新增的箭头函数可以说是我最喜欢的东西了，最喜欢这种风骚的写法。

箭头函数的基本用法很简单：

var f = (x,y) => x+y;
//等于
var f = function(x,y) {
return x+y;
};

箭头函数最需要注意的地方： this

function Timer() {
this.s1 = 0;
this.s2 = 0;
// 箭头函数 this指向timer
setInt
4000
erval(() => this.s1++, 1000);
// 普通函数 this指向全局（node中似乎不是这样的）
setInterval(function () {
this.s2++;
}, 1000);
}

var timer = new Timer();

setTimeout(() => console.log('s1: ', timer.s1), 3100);//3
setTimeout(() => console.log('s2: ', timer.s2), 3100);//0

箭头函数本身没有自己的this，导致函数内部的this 就是外部代码块的this。所以，箭头函数不可以使用New。

使用aop的一个例子可以加深理解：

function test(){
alert(2)
}

Function.prototype.before = function(fn){
return () =>{
fn();//alert(1);
this.call(this); //回调本身
}
};

Function.prototype.after=function(fn){
return ()=>{
this.call(this);//回调本身
fn();//alert(3);
}

};

test
.after(()=>alert(3))
.before(()=>alert(1))
();

这里before和after中的第一层function不能使用箭头函数。原因是一但使用箭头函数，第二层function中的this就指向了全局。

阮神还写了一个管道机制的例子：

const pipeline = (...funcs) =>
val => funcs.reduce((a, b) => b(a), val);

const plus1 = a => a + 1;
const mult2 = a => a * 2;
const addThenMult = pipeline(plus1, mult2);

addThenMult(5)

刚开始看过去可能会有点懵逼，其实还是挺简单的：

const pipeline = function(...funcs){
return function(val){
return funcs.reduce(function(a,b){
return b(a);
},val)
}
}
pipeline(plus1, mult2)(5)

将其改写成普通函数可以很快理解。