《和小米一起学Vue.js》— ES6 箭头函数

在es6中新建函数,可以使用箭头的方式来新建,称之为箭头函数.它们是由ECMAScript 6规范引入的，从那以后成为最流行的ES6特性。箭头函数允许你用箭头符号快速定义JavaScript函数。它最大的优点是，在创建新的JavaScript函数时，可以省略花括号和function关键字以及return关键字。

定义一个箭头函数

定义没有参数的函数

let a=()=>{
  console.log('hello');
}

如果是多行代码，可以使用 {} 来标记代码块，如果代码只有1行，则可以省略 {} 标记  

let a=()=>console.log('hello');

定义一个有参数的函数

let a=(n)=>console.log(n*5);

当箭头函数有且仅有一个参数的时候，可以省略函数符号 () 直接使用参数代替函数  

let a=n=>console.log(n*5);

定义多个参数的函数

let a=(n,m)=>console.log(n*m);

定义带默认值参数的函数

let a=(n=2)=>console.log(n*6);
let a=(n=2,m=5)=>console.log(n*m);

定义对象参数的函数

let a=({name="default",age="20"})=>console.log("姓名:"+name+" | 年龄:"+age);

let b={
  name:"法外狂徒",
  age:33
}

如果函数需要返回一个对象，则需要使用 () 包括

let a=()=>({name:"张三",age:'12'})

箭头函数不能使用new来初始化，否则报错 
箭头函数内，this所表示的对象不一定是window，应该是定义时所在的对象