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 相关文章推荐
javascript 动态修改样式和层叠样式表代码
Apr 27 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
不能不知道的10个angularjs英文学习网站
Mar 23 Javascript
浅谈JS中String()与 .toString()的区别
Oct 20 Javascript
JS实现购物车特效
Feb 02 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
Apr 13 Javascript
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
微信小程序 slot踩坑的解决
Apr 01 Javascript
vue自定义指令之面板拖拽的实现
Apr 14 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
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
Laravel使用支付宝进行支付的示例代码
2017/08/16 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
jQuery 浮动广告实现代码
2008/12/25 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
2016/11/25 Javascript
浅析vue component 组件使用
2017/03/06 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
2017/09/12 jQuery
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
layer更改皮肤的实现方法
2019/09/11 Javascript
vue 实现超长文本截取,悬浮框提示
2020/07/29 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
2019/01/15 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
Python3 assert断言实现原理解析
2020/03/02 Python
python海龟绘图之画国旗实例代码
2020/11/11 Python
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
如何获得EntityManager
2014/02/09 面试题
SOA的常见陷阱或者误解是什么
2014/10/05 面试题
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
校长创先争优承诺书
2014/08/30 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
护士辞职信怎么写
2015/02/27 职场文书
社区志愿者服务心得体会
2016/01/22 职场文书
Python3中PyQt5简单实现文件打开及保存
2021/06/10 Python
Spring Boot两种全局配置和两种注解的操作方法
2021/06/29 Java/Android
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android