ES6之箭头表达式

　　ES2015新增的特性箭头表达式，省去了关键词function，文中``双撇号和${}是Typescript的语法。以下是一些学习笔记:

　1.单行箭头表达式:

 var foo = (arg1,arg2) => arg1 + arg2;
 //上述表达式相当于
 var foo = function (arg1, arg2) { return arg1 + arg2; };

　2.多行箭头表达式(必须使用{}大括号):

 var foo = (arg1, agr2) => {
     return arg1 + agr2;
 }

 //以上表达式相当于
 var foo = function (arg1, arg2) {
     return arg1 + arg2;
 };

　　3.无参数:

 var foo = () => {}

 //以上表达式相当于
 var foo = function () {}

　　4.一个参数(无需使用()小括号):

 var foo = arg => {
   return arg*arg;
 }

 //以上表达式相当于
 var foo = function (arg) {
    return arg*arg;
 }

　　5.栗子:

 var arr = [1,2,3,4,5];
 console.log(arr.filter(value => value%2 == 0))

 //以上代码相当于
 var arr = [1, 2, 3, 4, 5];
 console.log(arr.filter(function (value) { return value % 2 == 0; }));  //[2,4]返回被2整除的值

　　6.箭头表达式中的this关键字:

　　//(1)ES5方式(计时器中无法找到this)

 function Foo (name:string) {
     this.name = name;
     setInterval(function () {
         console.log(`name is: ${this.name}`);
     },1000);
 }
 var foo = new Foo('莎士比亚');
 //返回name is---无法找到this.name

//(2)ES6方式(计时器中可以找到this)

 function Foo (name:string) {
     this.name = name;
     setInterval(() => {
         console.log(`name is: ${this.name}`);
     },1000);
 }
 var foo = new Foo("莎士比亚");

 //name is: 莎士比亚