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 相关文章推荐
js自带函数备忘 数组
Dec 29 Javascript
JavaScript this 深入理解
Jul 30 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
Jan 11 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
在JavaScript中判断整型的N种方法示例介绍
Jun 18 Javascript
DOM基础教程之事件对象
Jan 20 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
May 23 Javascript
详解vue服务端渲染(SSR)初探
Jun 19 Javascript
Vue不能检测到Object/Array更新的情况的解决
Jun 26 Javascript
react koa rematch 如何打造一套服务端渲染架子
Jun 26 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类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
Php中使用Select 查询语句的实例
2014/02/19 PHP
smarty模板引擎从php中获取数据的方法
2015/01/22 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
javascript 兼容鼠标滚轮事件
2009/04/07 Javascript
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
javascript 拖动表格行实现代码
2011/05/05 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
jQuery解析返回的xml和json方法详解
2017/01/05 Javascript
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
javascript使用Blob对象实现的下载文件操作示例
2020/04/18 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
简单讲解Python中的数字类型及基本的数学计算
2016/03/11 Python
Python实现数据库并行读取和写入实例
2017/06/09 Python
Django contenttypes 框架详解(小结)
2018/08/13 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
在Python中使用Neo4j的方法
2019/03/14 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
会计职业生涯规划范文
2014/01/04 职场文书
机械专业应届毕业生自荐书
2014/06/12 职场文书
留学推荐信英文范文
2015/03/26 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
开学典礼观后感
2015/06/15 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python