1.es6基础语法

迷南。 2022-04-22 11:36 408阅读 0赞

啦啦啦，终于可以忙里偷闲学学其他东西。在工作的两个多月里，从对微信小程序一概不知到可以熟练调用其API和布局样式还是很有收获的。大佬昨天问我“你觉得有什么收获，是不是前端已经没有什么难度了？” 噗，一口老血喷出来，是谁给了他这种错觉Σ(⊙▽⊙”a 我觉得还是很有难度的╮(╯▽╰)╭ 大佬是个很牛逼的人，目前在职阿里，已有八年，搞算法的。他远程指导我们，唯一缺点是不能面对面沟通，这点不太好。

准备学习Vue，在此之前先学习es6。es6用过一丢丢，比如说在小程序中，success回调函数里使用箭头函数，可以直接用this而不用修改this指向。

一.let

1.不存在变量预解析

20181104213547601.png

2018110421360276.png

2.不支持重复声明

20181104213754820.png

20181104213806386.png

3.支持块级作用域

20181104214111511.png

20181104214132634.png

二.const

常量声明，不支持重复赋值。

20181104214657914.png

20181104214713304.png

其实const和let一样，有三点：不支持预解析、不支持重复声明、支持块级作用域

三.let 与const的不同

const声明常量时，必须给它赋初值

20181104215223801.png

20181104215235263.png

四.结构赋值

①对对象进行结构赋值

  1. var obj = {
  2.     name:'kiki',
  3.     age:'12'
  4. }
  6. var {name} = obj;
  7. console.log(name);
  9. //结果：kiki

1.声明之后进行结构赋值

  1. var obj = {
  2.     name:'panzina',
  3.     age:12
  4. }
  6. var name = '';
  7. //{}内是个块级作用域，使用()认为是一个整体
  8. ({name}=obj)
  9. console.log(name);
  11. //结果 panzina

2.重命名

  1. var obj = {
  2.         name: 'panzi',
  3.         age:12
  4.     }
  6.    var {name:str} = obj;
  7.     console.log(str);
  9. //结果 panzi

3.默认值

  1. var obj = {
  2.         name: 'kkkk',
  3.         age:12
  4.     }
  6.     var { c } = obj;
  7.     //没有值或undefined时取100
  8.     var { d =100 } = obj;
  9.     console.log(c);
  10.     console.log(d);
  12. //结果 undefined
  13.        100

②对数组进行结构赋值

  1. var arr = 'panzina'.split('');
  2.     console.log(arr);
  3.     var [a,b，，d] = arr;
  4.     //严格按照下标的先后顺序
  5.     console.log(a,b,d);
  7. //结果： ["p", "a", "n", "z", "i", "n", "a"]
  8.          p a z

剩余模式，对象也支持

  1. var arr = 'panzina'.split('');
  2.     console.log(arr);
  3.     var [a,b,c,...r] = arr;
  4.     console.log(a,b,c,r);
  6. 结果： p a n  ["z", "i", "n", "a"]

发表评论

表情：
评论列表 （有 0 条评论，408人围观）

还没有评论，来说两句吧...

相关阅读

    相关 ES6基础语法----解构

    目录 解构 1.数组解构 等号左边的变量放到中括号内部，匹配右侧数组中的元素。 2.对象解构 3 字符串解构 4数值解构 可以获取到数值包装器构造函数原型中指定的方

    冷不防冷不防/ 0 赞/ 173 阅读

    相关 Es6语法

    1.var要比let的位高,作用域要大 2.let的作用范围很小很小 3.若果在函数内定义一个var变量,在函数外是不能被访问的. function user()

    素颜马尾好姑娘i素颜马尾好姑娘i/ 0 赞/ 508 阅读

    相关 1.es6基础语法

    啦啦啦，终于可以忙里偷闲学学其他东西。在工作的两个多月里，从对微信小程序一概不知到可以熟练调用其API和布局样式还是很有收获的。大佬昨天问我“你觉得有什么收获，是不是前端已经没

    迷南。迷南。/ 0 赞/ 409 阅读