学JS还搞不清楚箭头函数?

96 阅读1分钟

大家好,我是JustHappy,以下是我整理的有关Javascript箭头函数的内容

什么是箭头函数

根据MDN的解释:箭头函数表达式的语法比传统的函数表达式更简洁,但在语义上有一些差异,在用法上也有一些限制。

箭头函数大体上长这样

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

还有这些

省略大括号和 return: 如果函数体只有一行,我们可以省略大括号和 return 关键字:

const multiply = (a, b) => a * b;

省略参数括号: 当只有一个参数时,我们可以省略参数的括号:

const square = x => x * x;

返回对象字面量: 如果要返回一个对象,我们可以使用小括号将对象字面量包裹起来:

const createPerson = name => ({ name });

异步箭头函数

我们可以将箭头函数声明为 async,在表达式前加上 async 关键字:

让我们回顾一下Javascript函数的基本写法

function sum(a,b) {
    return a+b;
}

自学尴尬的情况

相信很多人和我一样,刚学完C++(当然,没有好好学),就捉摸着学个前端或者后端什么的倒腾些玩意儿,我选择了前端,自然就接触到了Javascript,喜欢跳着学,看完一部分基础知识就直接上框架,当然,很多是用不明白,一开始看到箭头函数有些懵逼,所以写了这个用于复习,也希望能帮助到与我同样状况的人

3dbf0549bfc0c917c3c414caf000949.jpg