【es6复习笔记】函数参数的默认值(6)

在ES6中,函数参数默认值是一个非常有用的特性,它允许你在定义函数时为参数指定一个默认值。如果在调用函数时没有提供相应的参数值,那么函数将使用默认值。

1. 形参初始值

具有默认值的参数,一般位置要靠后。这是一个潜规则,以便在调用函数时,可以省略后面的参数,而只传递前面的参数。

javascript 复制代码
function add(a, b, c = 10) {
    return a + b + c;
}

let result = add(1, 2);
console.log(result); // 输出: 13

在这个例子中,c 参数的默认值是 10。当调用 add 函数时,如果只传递了 ab 参数,那么 c 将使用默认值 10

2. 与解构赋值结合

函数参数默认值可以与解构赋值结合使用,这在处理对象参数时非常有用。

javascript 复制代码
function connect({ host = "127.0.0.1", username, password, port }) {
    console.log(host);
    console.log(username);
    console.log(password);
    console.log(port);
}

connect({
    host: 'atguigu.com',
    username: 'root',
    password: 'root',
    port: 3306
});

在这个例子中,connect 函数接受一个对象参数,并使用解构赋值来提取对象中的属性。如果对象中没有提供 host 属性,那么将使用默认值 "127.0.0.1"

通过这种方式,你可以在调用函数时只传递部分属性,而其他属性将使用默认值。

相关推荐
摇滚侠5 小时前
Spring Boot3零基础教程,SpringApplication 自定义 banner,笔记54
java·spring boot·笔记
colus_SEU8 小时前
【编译原理笔记】3.4 Tokens Recognization
笔记·编译原理
摇滚侠8 小时前
Spring Boot3零基础教程,KafkaTemplate 发送消息,笔记77
java·spring boot·笔记·后端·kafka
开发者小天9 小时前
调整为 dart-sass 支持的语法,将深度选择器/deep/调整为::v-deep
开发语言·前端·javascript·vue.js·uni-app·sass·1024程序员节
学习笔记10112 小时前
第十五章认识Ajax(六)
前端·javascript·ajax
武清伯MVP13 小时前
阮一峰《TypeScript 教程》学习笔记——类型映射
笔记·学习·typescript
ouliten13 小时前
cuda编程笔记(34)-- 内存访问控制与缓存提示
笔记·cuda
报错小能手14 小时前
C++笔记(面向对象)深赋值 浅赋值
c++·笔记·学习
superlls14 小时前
(场景题)怎么实现数据的批量插入?
笔记·mybatis
繁花与尘埃15 小时前
CSS引入方式(本文为个人学习笔记,内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。 > 所有知识点归属原作者,仅作非商业用途分享)
css·笔记·学习