// 数组解构 // 通常来说，你很可能这样访问数组中的前三个元素： var first = someArray[0]; var second = someArray[1]; var third = someArray[2]; //如果使用解构赋值的特性，将会使等效的代码变得更加简洁并且可读性更高： var [first, second, third] = someArray; // 简单来说, 解构就是一种简便的赋值语法, 语法如下 [ variable1, variable2, ..., variableN ] = array;

x 10

1 // 数组解构 2 // 通常来说，你很可能这样访问数组中的前三个元素： 3 var

first

=

someArray [ 0 ]; 4 var

second

=

someArray [ 1 ]; 5 var

third

=

someArray [ 2 ]; 6 //如果使用解构赋值的特性，将会使等效的代码变得更加简洁并且可读性更高： 7 var [ first , second , third ]

someArray ; 8 9 // 简单来说, 解构就是一种简便的赋值语法, 语法如下 10 [ variable1 , variable2 , ... , variableN ]

array ;

//对象解构 //通用对象解构演示 var robotA = { name: "Bender" }; var robotB = { name: "Flexo" }; var { name: nameA } = robotA; var { name: nameB } = robotB; console.log(nameA); // "Bender" console.log(nameB); // "Flexo" //(*)当属性名与变量名一致时，可以通过一种实用的句法简写： var { foo, bar } = { foo: "lorem", bar: "ipsum" }; console.log(foo); // "lorem" console.log(bar); // "ipsum"

x

1 //对象解构 2 //通用对象解构演示 3 var

robotA

= { name : "Bender" }; 4 var

robotB

= { name : "Flexo" }; 5 var { name : nameA }

robotA ; 6 var { name : nameB }

robotB ; 7 console . log ( nameA ); 8 // "Bender" 9 console . log ( nameB ); 10 // "Flexo" 11 12 //(*)当属性名与变量名一致时，可以通过一种实用的句法简写： 13

var { foo , bar }

{ foo : "lorem" , bar : "ipsum" }; 14 console . log ( foo ); 15 // "lorem" 16 console . log ( bar ); 17 // "ipsum"