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 相关文章推荐
treepanel动态加载数据实现代码
Dec 15 Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
Jan 13 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
js实现全选和全不选
Jul 28 Javascript
TypeScript魔法堂之枚举的超实用手册
Oct 29 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
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
最简单的PHP程序--记数器
2006/10/09 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
EasyUI中datagrid在ie下reload失败解决方案
2015/03/09 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
Jquery鼠标放上去显示全名的实现方法
2017/02/06 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
Python常用模块介绍
2014/11/21 Python
python实现比较两段文本不同之处的方法
2015/05/30 Python
Python复数属性和方法运算操作示例
2017/07/21 Python
win7下python3.6安装配置方法图文教程
2018/07/31 Python
python一键去抖音视频水印工具
2018/09/14 Python
python for循环输入一个矩阵的实例
2018/11/14 Python
通过Python编写一个简单登录功能过程解析
2019/09/04 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
CSS3实现苹果手机解锁的字体闪亮效果示例
2021/01/05 HTML / CSS
馥绿德雅美国官方网站:Rene Furterer头皮护理专家
2019/05/01 全球购物
信仰心得体会
2014/09/05 职场文书
挂职学习心得体会
2014/09/09 职场文书
2014年药店工作总结
2014/11/20 职场文书
好媳妇事迹材料
2014/12/24 职场文书
导游词之井冈山
2019/11/20 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
python热力图实现的完整实例
2022/06/25 Python