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 web页面刷新的方法收集
Jul 02 Javascript
TypeScript 学习笔记之基本类型
Jun 19 Javascript
jQuery siblings()用法实例详解
Apr 26 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
JS装饰器函数用法总结
Apr 21 Javascript
微信小程序解析富文本过程详解
Jul 13 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
PHP读MYSQL中文乱码的解决方法
2006/12/17 PHP
PHP 各种排序算法实现代码
2009/08/20 PHP
php curl优化下载微信头像的方法总结
2018/09/07 PHP
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
2013/12/16 Javascript
js几秒以后倒计时跳转示例
2013/12/26 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
JS数组去重(4种方法)
2017/03/27 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
自己动手封装一个React Native多级联动
2018/09/19 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
微信小程序实现单选功能
2018/10/30 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
2019/04/04 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
2020/11/18 Vue.js
[01:13:01]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第三场
2018/04/05 DOTA
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
Python 的类、继承和多态详解
2017/07/16 Python
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
聊聊python中的循环遍历
2020/09/07 Python
Python Http请求json解析库用法解析
2020/11/28 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
物业经理自我鉴定
2014/03/03 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
深入理解python协程
2021/06/15 Python
教你使用Ubuntu搭建DNS服务器
2022/09/23 Servers