ES6知识点整理之函数对象参数默认值及其解构应用示例


Posted in Javascript onApril 17, 2019

本文实例讲述了ES6知识点整理之函数对象参数默认值及其解构应用。分享给大家供大家参考,具体如下:

同函数数组参数一样,函数的对象参数的默认值和解构过程整理

函数对象参数的默认值与解构的形式

此处使用箭头函数来处理 :

(({x,y})=>{
 console.log(x, y); // // undefined undefined
})({});
(({x=1,y=2})=>{
 console.log(x,y); // 1 2
})({});
(({x=3, y=4}={})=>{
 console.log(x,y); // 3 4
})();

注意传值解析中可能的陷阱

function test4({x,y}={x:100,y:200}) {
 console.log(x,y);
}
test4({}); // undefined undefined
test4(); // 100 200

对象参数,数组参数和字符参数的结合使用

function test({x=1,y=2,z=3}={}, [a=11,b=22,c=33]=[],name='Joh') {
 console.log(x,y,z,a,b,c,name);
}
test(); // 1 2 3 11 22 33 "Joh"

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.3water.com/code/HtmlJsRun测试上述代码运行结果。

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript一些不错的函数脚本代码
Sep 10 Javascript
jQuery 插件 将this下的div轮番显示
Apr 09 Javascript
JS模拟的QQ面板上的多级可展开的菜单
Oct 10 Javascript
JS实现简单的Canvas画图实例
Jul 04 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
jQuery动态添加
Apr 07 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 Javascript
setTimeout学习小结
Feb 08 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
Sep 18 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
微信小程序实现单选选项卡切换效果
Jun 19 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
Apr 17 #Javascript
一篇文章,教你学会Vue CLI 插件开发
Apr 17 #Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
Apr 17 #Javascript
mpvue性能优化实战技巧(小结)
Apr 17 #Javascript
node.js监听文件变化的实现方法
Apr 17 #Javascript
vue中格式化时间过滤器代码实例
Apr 17 #Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 #Javascript
You might like
PHP 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
PHP之APC缓存详细介绍 apc模块安装
2014/01/13 PHP
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
2014/06/23 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
一个简单至极的PHP缓存类代码
2015/10/23 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
event.keyCode键码值表 附只能输入特定的字符串代码
2009/05/15 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
Javascript实现字数统计
2015/07/03 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
python3判断url链接是否为404的方法
2018/08/10 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
使用matplotlib中scatter方法画散点图
2019/03/19 Python
python 五子棋如何获得鼠标点击坐标
2019/11/04 Python
python 实现从高分辨图像上抠取图像块
2020/01/02 Python
Python批量启动多线程代码实例
2020/02/18 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
欧舒丹英国官网:购买欧舒丹护手霜等明星产品
2017/01/17 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
地理教师岗位职责
2014/03/16 职场文书
健康家庭事迹材料
2014/05/02 职场文书
数学备课组工作总结
2015/08/12 职场文书
Javascript设计模式之原型模式详细
2021/10/05 Javascript
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript
react 路由Link配置详解
2021/11/11 Javascript
Python Django项目和应用的创建详解
2021/11/27 Python
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL