ES6-Object

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>[es6]-04-对象</title>

         <script src="./js/browser.js"></script>

         <script type="text/babel">

             /*

              *  对象的结构赋值

              *   对象属性没有次序，所以变量名与属性同名才能取到正确值。

              */

             var {bar,foo} = {"bar":1,"fooo":2};

             console.log({bar,foo}); //同样，找不到的就是undefined

             //如果变量名与属性名不一致，必须写成下面的形式：

             var {foo:baz} = {"foo":"aaa"};

             console.log(baz);  //aaa,类似数组，键就相当于数组的索引。

             let obj = {"first":"hello","last":"world"};

             let {first:f,last:l} = obj;

             console.info(f,l)

             // 下面的代码中，let命令下面的圆括号是必须的，否则会报错。解析器首先把他

             //当做代码块，而不是赋值语句：

             let fooo;

             ({fooo} = {"fooo":1});

             console.info(fooo);  //1 let声明，下面赋值

             //对象的解构也可以设置默认值，支持嵌套：

             var {x=3} = {};

             console.info(x);  //3

             var {x,y=5} = {x:1};

             console.info(x,y)  //1 5

             var {x:y=3} = {x:5};

             console.info(y);  //5

             //默认值生效的条件是 对象的属性值严格等于undefined。

             var {x=3} = {x:undefined};

             console.info(x);  //3

             //对于已经声明的变量解构赋值，要带上圆括号：

             var x;

             ({x} = {x:1})

             console.info(x);

             //对象的解构赋值，可以很方便的将现有对象上的方法，赋值到某个变量：

             let {log,sin,cos} = Math;

             console.log(log,sin,cos);  //获取Math对象上的方法并赋值。

             //由于数组本质上是特殊的对象，所以可以对数组进行对象属性的解构：

             var arr = [1,2,3];

             var {0:first,[arr.length-1]:last} = arr;

             console.info(first,last);   //1 3

         </script>

     </head>

     <body>

     </body>

 </html>
依赖文件地址：https://github.com/chanceLe/ES6-Basic-Syntax/tree/master/js
巴特西

ES6-Object

最新文章

热门文章
