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 相关文章推荐
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
完美实现bootstrap分页查询
Dec 09 Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
Dec 08 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
canvas实现探照灯效果
Feb 07 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
vue 页面加载进度条组件实例
Feb 05 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
微信小程序实现日历小功能
Nov 18 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
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
使用PHP获取网络文件的实现代码
2010/01/01 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
PHPMailer ThinkPHP实现自动发送邮件功能
2018/06/10 PHP
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
ajax异步刷新实现更新数据库
2012/12/03 Javascript
JavaScript控制Session操作方法
2013/01/17 Javascript
js实现的切换面板实例代码
2013/06/17 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
canvas知识总结
2017/01/25 Javascript
vue中promise的使用及异步请求数据的方法
2018/11/08 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
javascript的hashCode函数实现代码小结
2020/08/11 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
python实现最速下降法
2020/03/24 Python
css3实现一个div设置多张背景图片及background-image属性实例演示
2017/08/10 HTML / CSS
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
会计助理的岗位职责
2013/11/29 职场文书
教师学习八项规定六项禁令思想汇报
2014/09/27 职场文书
购房委托书
2014/10/15 职场文书
就业意向协议书
2015/01/29 职场文书
开除员工通知
2015/04/22 职场文书
标枪加油稿
2015/07/22 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
Python编程中Python与GIL互斥锁关系作用分析
2021/09/15 Python