当前位置: 首页 > article >正文

ES6(2) 函数详解

1. ES6 中的函数概述

        ES6 提供了多种定义函数的方法,包括传统的函数声明、函数表达式、匿名函数、箭头函数等。这些不同的方式可以帮助我们更加灵活地编写代码。

2. 函数的基本定义

2.1 传统函数声明

ES6 仍然支持使用 function 关键字定义函数。

function web(){
    return "https://blog.csdn.net/Theodore_1022";
}
console.log(web()); // 输出:"https://blog.csdn.net/Theodore_1022"

2.2 传递参数的函数

函数可以接收参数,并在函数体内部使用它们。

function dev(a, b){
    return a - b;
}
console.log(dev(4, 5)); // 输出:-1

3. 参数默认值

在 ES6 中,函数参数可以有默认值,如果调用时未传入参数,则使用默认值。

function plus1(a = 1, b = 2){
    return a * b;
}
console.log(plus1()); // 输出:2 (1*2)
console.log(plus1(2, 3)); // 输出:6 (2*3)

4. 匿名函数(Function Expression)

匿名函数是一种没有名称的函数,可以赋值给变量。

let plus2 = function(a, b){
    return a * b;
};
console.log(plus2(3, 4)); // 输出:12

5. 箭头函数(Arrow Function)

5.1 基本箭头函数

ES6 引入了箭头函数,使用 => 语法,使代码更加简洁。

let plus3 = (a, b) => {
    return a * b;
};
console.log(plus3(4, 2)); // 输出:8

5.2 省略 {} 并隐式返回

当函数体只有一条返回语句时,可以省略 {}return 关键字。

let plus4 = (a, b) => a * b;
console.log(plus4(5, 6)); // 输出:30

6. 结语

        ES6 提供了多种定义函数的方法,使 JavaScript 代码更加简洁、高效。掌握函数的不同写法,有助于更好地编写现代 JavaScript 代码。在开发过程中,推荐使用箭头函数简化回调,提高可读性,同时在适当场景下使用默认参数,减少冗余代码。


http://www.kler.cn/a/588699.html

相关文章:

  • 【RNN神经网络】序列模型与RNN神经网络
  • 易境通集运系统:拼团模式重构社交化集运新生态
  • MobileNet家族:从v1到v4的架构演进与发展历程
  • Vue源码深度解析:从2.x到3.x的架构演进与核心原理剖析
  • pycharm配置镜像源【pycharm最新版(23.2.5及以上)方法】
  • 记第一次跟踪seatunnel的任务运行过程三——解析配置的具体方法getLogicalDag
  • 【vue3学习笔记】(第147-149节)vue3响应式原理_Reflect;reactive对比ref;setup的两个注意点
  • Solana
  • 《Python深度学习》第二讲:深度学习的数学基础
  • C#—【在不同的场景该用哪种线程?】
  • Chrome 浏览器的很多扩展不能用了
  • mysql数据库中多张表导出成excel方式
  • Bash语言的集合
  • 【NLP】10. 机器学习模型性能评估指标(含多类别情况), ROC,PRC
  • 嵌入式Zephyr RTOS面试题及参考答案
  • Spring Boot Actuator 详解:让你的应用可监控、可管理、更健壮
  • Qt中的 #include “xxxx.moc“ 说明
  • vscode关闭仓库后如何打开
  • go数据结构笔记
  • Kotlin知识体系(一) : Kotlin的五大基础语法特性