下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:ES6解构赋值

作者:未月廿三     来源: https://www.cnblogs.com/eternityz/p/12272414.html点击数:833发布时间: 2020-03-31 15:09:53

标签: 渲染ES6网页

Web开发

  网页还包含动态适应的信息元素,取决于某某渲染浏览器或最终用户的位置。(通过使用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

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

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

赞(13)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程