对象的解构赋值
来源:互联网 发布:照相软件大全 编辑:程序博客网 时间:2024/04/29 21:36
解构不仅可以用于数组,还可以用于对象
var {foo,bar} = {foo:"aaa",bar:"bbb"};foo // "aaa"bar // "bbb"
对象的解构和数组有一个重要的不同。数组的元素是按此排序的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。
var {bar,foo} = {foo:"aaa",bar:"bbb"};foo // "aaa"bar // "bbb"var {baz} = {foo:"aaa",bar:"bbb"};baz // undefined
如果变量名与属性名不一致,必须写成这样:
var {foo:baz} = {foo:"aaa",bar:"bbb"};baz // "aaa"let obj = {first:"hello",last:"world"};let {first:f,lats:l} = obj;f // "hello"l // "world"
对象的解构赋值是内部机制,是先找到同名属性,然后再赋给对应的变量。
真正被赋值的是后者,而不是前者。
var {foo:baz} = {foo:"aaa",bar:"bbb"};baz // "aaa"foo // error: foo is not defined
上面的代码中, foo
是匹配的模式, baz
才是变量。真正被赋值的是变量baz
,而不是模式foo
。
和数组一样,解构也可以用于嵌套解构的对象
var obj = { p:["hello",{y:"world"}]};var {p:[x,{y}]} = obj;x // "hello"y // "world"
注意,这时p
是模式,不是变量,因此不会被赋值。
对象的解构也可以指定默认值:
var {x=3} = {};x // 3var {x,y=5} = {x:1};x // 1y // 5var {x: y=3} = {x: 5};y // 5
如果解构失败,变量的值等于undefined
var {foo} = {bar:"baz"};foo // undefined
如果解构模式是嵌套的对象,并且子对象所在的父属性不存在,那么会报错:
// 报错var {foo: {bar}} = {baz:"baz"};
由于数组本质是特殊的对象,因此可以对数组进行对象属性的解构:
var arr = [1,2,3];var {0:first, [arr.length-1]:last} = arr;first // 1last // 3
0 0
- 对象的解构赋值
- 对象的解构赋值
- 对象的解构赋值
- ES6 对象的解构赋值
- 9、ES6 对象的解构赋值
- JavaScript解构赋值(代码说明ES6数组, 对象, 函数的解构赋值)
- 数组的解构赋值
- 数组的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 数组的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- PHP Type Hinting (类型提示)
- DAO层,Service层,Controller层、View层
- Java NIO浅析
- python中__name__ == __main__含义
- tomcat配置HTTPS协议
- 对象的解构赋值
- mybatis 传递一个参数,多个参数的应用
- socket心跳检测和重连小demo
- 文章标题
- RIB表与FIB表、ARP表与FDB表
- 英语口语收集(三)
- tinker apk版本号,tinkerId,tinkerVersion理解
- 2017年秋季校招面经
- ASP.NET文件上传和下载