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 基础学习笔记之文档处理
May 29 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
Javascript 八进制转义字符(8进制)
Apr 08 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
JavaScript使用focus()设置焦点失败的解决方法
Sep 03 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
JS设置时间无效问题的解决办法
Feb 18 Javascript
vue组件间通信解析
Mar 01 Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 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
Laravel数据库读写分离配置的方法
2019/10/13 PHP
PHP重载基础知识回顾
2020/09/10 PHP
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
前端轻量级MVC框架CanJS详解
2014/09/26 Javascript
node.js中的fs.writeSync方法使用说明
2014/12/15 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
2016/05/20 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
vue.js中mint-ui框架的使用方法
2017/05/12 Javascript
vue mint-ui tabbar变组件使用
2018/05/04 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
ES11屡试不爽的新特性,你用上了几个
2020/10/21 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
在Python中用split()方法分割字符串的使用介绍
2015/05/20 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
DJANGO-URL反向解析REVERSE实例讲解
2019/10/25 Python
Python生态圈图像格式转换问题(推荐)
2019/12/02 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
简历中自我评价怎么写
2014/02/12 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
代理人委托书
2014/08/01 职场文书
七一建党节演讲稿
2014/09/11 职场文书
工作失误检讨书
2015/01/26 职场文书
法人代表资格证明书
2015/06/18 职场文书
MySQL数据迁移相关总结
2021/04/29 MySQL
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL