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 相关文章推荐
网站繁简切换的JS遇到页面卡死的解决方法
Mar 12 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
js实现导航栏中英文切换效果
Jan 16 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
Jul 11 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
Dec 14 Javascript
webpack多页面开发实践
Dec 18 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
CountUp.js实现数字滚动增值效果
Oct 17 Javascript
js里面的变量范围分享
Jul 18 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
Oct 28 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
我的论坛源代码(五)
2006/10/09 PHP
用PHP和ACCESS写聊天室(二)
2006/10/09 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
Prototype Object对象 学习
2009/07/12 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
2014/11/08 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
Javascript使用post方法提交数据实例
2015/08/03 Javascript
AngularJS入门之动画
2016/07/27 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
2017/03/09 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
[01:31]完美与DOTA2历程
2014/07/31 DOTA
[02:27]2018DOTA2亚洲邀请赛赛前采访-OpTic
2018/04/03 DOTA
跟老齐学Python之有容乃大的list(2)
2014/09/15 Python
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
Django实现表单验证
2018/09/08 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
python async with和async for的使用
2019/06/20 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
Numpy 理解ndarray对象的示例代码
2020/04/03 Python
CSS3中的注音对齐属性ruby-align用法指南
2016/07/01 HTML / CSS
2014信息公开实施方案
2014/02/22 职场文书
助学贷款贫困证明
2014/09/23 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
导游词怎么写
2015/02/04 职场文书
初中毕业生感言
2015/07/31 职场文书
话题作文之学会尊重
2019/12/16 职场文书
nginx 多个location转发任意请求或访问静态资源文件的实现
2021/03/31 Servers
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP
python process模块的使用简介
2021/05/14 Python
基于Go语言构建RESTful API服务
2021/07/25 Golang