箭头函数

箭头函数

• 箭头函数表达式的语法比函数表达式更简洁；
• 简简单单的箭头函数，总是不明白的他的含义是什么，总是忘记；
• 案例：

const materials = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];
console.log(materials.map(material =>material.length));
//打印出的是：[8,6,7,9]

箭头函数的蜕变

原始的函数

var elements = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];
elements.map(function(element) {
   return element.length;
})

第一步蜕变箭头函数

elements.map((element)=> {
  return element.length;
})

• 当箭头函数只有一个参数时，可以省略参数的圆括号；

第二步：省略参数的括号

elements.map(element => {
  return element.length;
})

• 当箭头函数的函数体只有一个return语句时，可以省略return关键字和方法体的花括号

第三步：省略函数体的return和花括号

elements.map(
element=>element.length
)

最终

• 还原之后：

elements.map(function(element){
return element.length
})

• 总结：给他一个参数，我们要的是参数的长度，然后再给他map,filter之类的一些方法，进行数据最终的。