ES6箭头函数常见用法 阅读·349

码字不易,转载请注明本文链接 http://ymblog.net/2016/11/09/es6-arrow-function/

es6箭头函数常见用法如下,以助理解。

箭头函数就是个简写形式的函数表达式,并且它拥有词法作用域的this值(即不会新产生自己作用域下的thisargumentssupernew.target 等对象)。此外,箭头函数总是匿名的


 var a = [1, 2, 1, 3, 4];

// 1 
let b = a.map((item, i) => {
   return {
     name: item, index: i
   }
});
// console.log(b);

// 2
let c = a.map(item => {
  return {
     name: item, index: 0
   }
})
// console.log(c);

// 3
let d = a.map((item => item));
// console.log(d);

// 4
let f = a.map((item => {
  // function return
  // expression
  console.log(item);
}));

// 5
let e = a.map( (item => ({name: item, index: 0})) );
// console.log(e);

// 6 
let g = a.filter(item => item>1);
// console.log(g);

// 7
let h = a.filter(item => {
  return item > 2;
})
console.log(h);

参考链接:箭头函数

在线演示:babel

相关文章
简析JS对象深拷贝阅读·415 次 由js命名空间想到的函数声明预解析阅读·389 次 实现移动端网页图片按需加载阅读·1226 次 由移动端页面点击穿透想到的阅读·984 次 jquery的deffered和promise方法阅读·747 次 由js图片预览想到的阅读·712 次 在webview中自定义js的confirm阅读·723 次 初识Vuejs阅读·1619 次 回首js正则表达式阅读·878 次 compass淘宝镜像安装失败阅读·1523 次
JMingZI

Jming依然 / 杭州

react.js/vue.js /pc端/ wordpress

博文分类

放荡不羁爱自由

博客信息

为了更美好的明天
日志总数:111篇
网站运行:825天
最后更新:2017年5月25日

站长统计: