ES6 从入门到精通 # 04:函数之默认值、剩余参数
2023-03-14 22:50:21 时间
说明
ES6 从入门到精通系列(全23讲)学习笔记。
带参数默认值的函数
// es5 写法 function add(a, b) { a = a || 666; b = b || 777; return a + b; } console.log(add()); function add2(a, b = 666) { return a + b; } console.log(add2(2));
默认的表达式也可以是一个函数
function getVal(val) { return val + 1; } function add3(a, b = getVal(6)) { return a + b; } console.log(add3(3));
剩余参数
由三个点 ...
和一个紧跟着的具名参数指定,比如:...keys
,这个解决了 arguments 的问题。
// es5 function getBlogInfo(obj) { let result = Object.create(null); for(let i = 1; i < arguments.length; i++) { result[arguments[i]] = obj[arguments[i]]; } return result; } let blog = { name: "凯小默的博客", author: "kaimo", year: "2017" } let blogData = getBlogInfo(blog, "name", "author", "year"); console.log(blogData);
// es6 function getBlogInfo(obj, ...keys) { console.log(keys); let result = Object.create(null); for(let i = 0; i < keys.length; i++) { result[keys[i]] = obj[keys[i]]; } return result; } let blog = { name: "凯小默的博客", author: "kaimo", year: "2017" } let blogData = getBlogInfo(blog, "name", "author", "year"); console.log(blogData);
剩余参数 对比 arguments:
function checkArgs(...args) { console.log(args); // 真实数组 console.log(arguments); // 伪数组 } checkArgs("name", "author", "year");
相关文章
- 在 Go 里用 CGO?这 7 个问题你要关注!
- 9款优秀的去中心化通讯软件 Matrix 的客户端
- 求职数据分析,项目经验该怎么写
- 在OKR中,我看到了数据驱动业务的未来
- 火山引擎云原生大数据在金融行业的实践
- OpenHarmony富设备移植指南(二)—从postmarketOS获取移植资源
- 《数据成熟度指数》报告:64%的企业领袖认为大多数员工“不懂数据”
- OpenHarmony 小型系统兼容性测试指南
- 肯睿中国(Cloudera):2023年企业数字战略三大趋势预测
- 适用于 Linux 的十大命令行游戏
- GNOME 截图工具的新旧截图方式
- System76 即将推出的 COSMIC 桌面正在酝酿大变化
- 2GB 内存 8GB 存储即可流畅运行,Windows 11 极致精简版系统 Tiny11 发布
- 迎接 ecode:一个即将推出的具有全新图形用户界面框架的现代、轻量级代码编辑器
- loongarch架构介绍(三)—地址翻译
- Go 语言怎么解决编译器错误“err is shadowed during return”?
- 敏捷:可能被开发人员遗忘的部分
- Denodo预测2023年数据管理和分析的未来
- 利用数据推动可持续发展
- 在 Vue3 中实现 React 原生 Hooks(useState、useEffect),深入理解 React Hooks 的