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 相关文章推荐
JQuery 写的个性导航菜单
Dec 24 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 Javascript
jQuery选择器总结之常用元素查找方法
Aug 04 Javascript
微信小程序 网络API 上传、下载详解
Nov 09 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
node.js利用mongoose获取mongodb数据的格式化问题详解
Oct 06 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 Javascript
js实现点击按钮随机生成背景颜色
Sep 05 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实现对象克隆的方法
2015/06/20 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
JS 面向对象的5钟写法
2009/07/31 Javascript
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
2011/01/19 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
详解vue axios中文文档
2017/09/12 Javascript
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
利用python开发app实战的方法
2019/07/09 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
FitFlop澳大利亚官网:英国符合人体工学的鞋类品牌
2017/06/05 全球购物
宣传策划类求职信范文
2014/01/31 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
护理专业自荐信范文
2014/02/26 职场文书
开展批评与自我批评心得体会
2014/10/17 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
Python 内置函数速查表一览
2021/06/02 Python
Python 统计序列中元素的出现频度
2022/04/26 Python