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 相关文章推荐
对jQuery的事件绑定的一些思考(补充)
Apr 20 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
老生常谈js动态添加事件--- 事件委托
Jul 19 Javascript
简单实现js浮动框
Dec 13 Javascript
js实现简单的选项卡效果
Feb 23 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
Nov 09 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 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 UTF8 文件的签名问题
2009/10/30 PHP
PHP+MySql+jQuery实现的"顶"和"踩"投票功能
2016/05/21 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
可以将word转成html的js代码
2010/04/11 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
详解vue-cli3多页应用改造
2019/06/04 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
[02:31]《DAC最前线》之选手酒店现场花絮
2015/01/30 DOTA
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
python3实现读取chrome浏览器cookie
2016/06/19 Python
详解Swift中属性的声明与作用
2016/06/30 Python
详解Django的model查询操作与查询性能优化
2018/10/16 Python
详解Pandas 处理缺失值指令大全
2020/07/30 Python
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
会计系个人求职信范文分享
2013/12/20 职场文书
公司成本主管岗位责任制
2014/02/21 职场文书
怎么写好自荐书
2014/03/02 职场文书
学校评语大全
2014/05/06 职场文书
设计专业自荐信
2014/06/19 职场文书
公司离职证明标准样本
2014/10/05 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
医学生自荐信范文(2016精选篇)
2016/01/28 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python