箭头函数允许我们用更短的语法定义函数。箭头函数可用于替代传统函数function() {}。
作为常规功能:
function sum(a, b) { return a + b }
现在,作为箭头函数:
const sum = (a, b) => a + b
您可以清楚地看到语法缩短了多少。
使用箭头函数时,参数位于一对括号中的开头。然后是 a =>,它声明了一个箭头函数。之后,您将输入{}您希望运行的任何代码。但是,在返回值时,您可以排除花括号。
此外,如果只有一个参数,您可以排除它周围的括号。
这看起来像这样:
const addOne = num => num + 1
如果您的函数没有参数,您只需使用一对空括号,后跟通常的。像这样:
const sayHello = () => { console.log("Hello") }
箭头函数可用于替代任何函数用例。例如,在 React 中,您可以使用箭头函数来定义功能组件而不是常规函数。
另一个用例可能是作为回调函数。例如,如果我们有一个看起来像这样的用户数组:
const users = [ { name: "John", age: 24 }, { name: "Jane", age: 32 }, { name: "Blake", age: 12 } ]
我们想使用 JavaScript.filter方法来选择 18 岁以上的用户:
const adults = users.filter(user => user.age > 18)
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/228801.html原文链接:https://javaforall.net
