web前端：ES6解构赋值

作者:未月廿三 更新于： 2020-03-30 21:09:25

　　网页还包含动态适应的信息元素，取决于某某渲染浏览器或最终用户的位置。(通过使用IP地址跟踪和/或"cookie"的信息)。从更一般/宽的角度来看，一些信息(分组)的元素，像一个导航栏，所有的网页是统一的，像一个标准，比如"网页模板系统"。

　　ES6解构赋值

　　数组解构赋值

　　let[aa,bb='eternity']=['张'];

　　console.log(aa+bb);//张eternity

　　let[cc,dd='eternity']=['张',undefined];

　　console.log(cc+dd);//张eternity

　　let[e,f='eternity']=['张',null];

　　console.log(e+f);//张null

　　对象的解构赋值

　　let{foo,bar}={foo:'eternity',bar:'zhang'};

　　console.log(bar+foo)//eternityzhang

　　对象解构坑

　　先定义再使用解构赋值,必须使用()包括,否则报错

　　letfoo1;

　　({foo1}={foo1:'zhang'});

　　console.log(foo1)//zhang

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

　　//例一

　　let{log,sin,cos}=Math;

　　//例二

　　const{log}=console;

　　log('hello')//hello

　　上面代码的例一将Math对象的对数、正弦、余弦三个方法，赋值到对应的变量上，使用起来就会方便很多。例二将console.log赋值到log变量。

　　例一中，相当于将Math.log赋值给了log，此时前面的变量log必须与Math.log中的方法名一致

　　例二中，相当于将console.log方法复制给了变量log，此时log必须与console中的log方法名一致

　　字符串解构

　　const[x,y,z]='zhang';

　　console.log(x+y+z);//zha

　　const[x,y,z]='zh';

　　console.log(x+y+z);//zhundefined

　　动态网页，是取决于由用户提供的参数，并根据存储在数据库中的网站上的数据中创建的页面。

　　通俗地讲，静态页是照片，每个人看都是一样的，而动态页则是镜子，不同的人(不同的参数)看都不相同。