ES6 箭头函数，语法糖 (javascript)

宝儿的程序生涯

于 2018-10-03 23:54:57 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/fengtingYan/article/details/82934804

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨了箭头函数(ArrowFunction)，一种在计算机科学中用于简化函数定义的语法糖。通过实例对比传统函数，展示了箭头函数如何提高代码的清晰度和简洁性，特别是在回调函数的应用中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Arrow Function（箭头函数），它是语法糖。

定义：在计算机科学中，语法糖(syntactic sugar)是指编程语言中可以更容易的表达一个操作的语法，它可以使程序员更加容易去使用这门语言：操作可以变得更加清晰、方便，或者更加符合程序员的编程习惯。

x => x * x
上面的箭头函数相当于：
function (x) {
return x * x;
}

eg:

//当箭头函数函数体中只有一条语句时，return语句可省略。
this.lists.forEach((list, i) => list.show = i == index)
// 回调函数， 回调函数有三个形参，list当前循环中对象,i表示当前循环中的索引
// arr 表示循环的数组本身
 this.lists.forEach(function(list, i, arr){
          // console.log(arr[i]==list);
          // return list.show = i == index;
           if(i == index){
                    list.show = true;
            } else {
                      list.show = false;
              }
  });

廖雪峰的官方网站