javascript箭头函数

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript箭头函数相关的知识,希望对你有一定的参考价值。

定义函数还有一种方式箭头函数

let func = (arg1, arg2, ..., argN) => expression

这种语法等价于

let func = function(arg1, arg2, ..., argN) {
  return expression;
};

例子

let sum = (a, b) => a + b;

/* This arrow function is a shorter form of:

let sum = function(a, b) {
  return a + b;
};
*/

alert( sum(1, 2) ); // 3

如果只有一个参数,可以忽略掉圆括号

let double = n => n * 2;
// roughly the same as: let double = function(n) { return n * 2 }

alert( double(3) ); // 6

如果没有参数,可以直接使用圆括号定义

let sayHi = () => alert("Hello!");

sayHi();

以上是关于javascript箭头函数的主要内容,如果未能解决你的问题,请参考以下文章

前端片段整理

JavaScript 箭头函数与普通函数

如何从javascript中的一个线性箭头函数返回匿名对象? [复制]

JavaScript12_函数1:函数的参数,箭头函数的参数

在 typescript 或 javascript 中链接箭头函数

为啥我的 javascript 箭头函数在 Edge/IE 中不起作用?