JavaScript中的箭头函数

简介: 箭头函数在定义函数的时候,除了可以使用前面的声明函数和函数表达式之外,我们这里还可以使用箭头函数。其实箭头函数可以理解为函数表达式的简写模式。例如:

箭头函数

在定义函数的时候,除了可以使用前面的声明函数和函数表达式之外,我们这里还可以使用箭头函数。

其实箭头函数可以理解为函数表达式的简写模式。

例如:

函数表达式:

let sum = funcition(a, b) {
    return a + b;
}
复制代码

箭头函数:

let sum = (a,b) => {
    return a + b;
}
或者:
let sum = (a,b) => a + b;
复制代码

注意:

  • 箭头函数的参数只能有一个,如果有多个,需要使用小括号括起来。
  • 箭头函数如果没有参数时,括号里面是空的是,但是不能省略括号。

多行的箭头函数

箭头函数不仅仅可以写一行代码,但是书写多行代码的时候,我们需要使用花括号是将代码块包含起来。

let sum = (a,b) =>{
    let c = a + b;
    return c;
};
console.log(sum(1,2));


相关文章
|
2天前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
11天前
|
JavaScript 前端开发
js教程——函数
js教程——函数
18 4
|
10天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
11 2
|
13天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
20 5
|
12天前
|
JavaScript 前端开发
Node.js 函数
10月更文挑战第5天
17 3
|
16天前
|
前端开发 JavaScript
探索JavaScript函数基础
探索JavaScript函数基础
14 3
|
15天前
|
JavaScript 前端开发
js轮播图有左右箭头和小点
js轮播图有左右箭头和小点
30 1
|
17天前
|
JavaScript 前端开发
在JS中如何声明一个函数
在JS中如何声明一个函数
22 2
|
5天前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
9 0
|
16天前
|
前端开发 数据可视化 开发者
D3.js 内置的动画函数
D3.js 内置的动画函数