JavaScript之解构赋值的理解


Posted in Javascript onJanuary 30, 2019

1. ES6的新特性

   允许将对象或者数组'分解'成多个单独的值, 以对象的解构开始.

   代码示例

JavaScript之解构赋值的理解

2. 说明

1).  定义一个对象

     const obj={b:2,c:3,d:4};

     此时系统中没有变量b, 变量c与变量d

JavaScript之解构赋值的理解                       

2). 开始解构该对象,

    const {a,b,c} = obj

    这句话的意思是, 定义a,b,c三个变量, 然后在obj对象中寻找a,b,c变量, 如果找到, 则赋值给对应的变量

JavaScript之解构赋值的理解              

所以, 

    a, 已定义, 但是未赋值. 定义是在const{a,b,c}中定义的, 而没有在obj中找到对应的值, 所以没赋值.

    b,c 都已经找到了, 并从obj对象中找到对应的值赋了.

    d, 这个变量不曾定义, 也不曾赋值.

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
学习ExtJS(二) Button常用方法
Oct 07 Javascript
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
javascript基础第一章 JavaScript与用户端
Jul 22 Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 30 Javascript
如何实现js拖拽效果及原理解析
May 08 Javascript
原型和原型链 prototype和proto的区别详情
Nov 02 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 #Javascript
JS实现的新闻列表自动滚动效果示例
Jan 30 #Javascript
谈谈为什么你的 JavaScript 代码如此冗长
Jan 30 #Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 #Javascript
AJAX在JQuery中的应用详解
Jan 30 #jQuery
JS实现换肤功能的方法实例详解
Jan 30 #Javascript
js实现ATM机存取款功能
Oct 27 #Javascript
You might like
PHP5中的时间相差8小时的解决办法
2008/03/28 PHP
深入PHP操作MongoDB的技术总结
2013/06/02 PHP
php创建桌面快捷方式实现方法
2015/12/31 PHP
详解Window7 下开发php扩展
2015/12/31 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
PHP中使用mpdf 导出PDF文件的实现方法
2018/10/22 PHP
PHP hex2bin()函数用法讲解
2019/02/25 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
用JavaScript编写COM组件的步骤
2009/03/17 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
jQuery实现自定义checkbox和radio样式
2015/07/13 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
2017/03/08 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
原生js实现文件上传、下载、封装等实例方法
2020/01/05 Javascript
js+canvas实现刮刮奖功能
2020/09/13 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
Python中使用strip()方法删除字符串中空格的教程
2015/05/20 Python
CentOS 6.X系统下升级Python2.6到Python2.7 的方法
2016/10/12 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
Python numpy矩阵处理运算工具用法汇总
2020/07/13 Python
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
对教师的评语
2014/04/28 职场文书
法律专业求职信
2014/05/24 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
python实现三次密码验证的示例
2021/04/29 Python