ES6新特性(一) | 一起学系列

81 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第9天,点击查看活动详情

今天和大家一起来学习ES6新特性,现在就开始吧!

  • ECMAScript只是提供了最基本的语法(只停留在语言层面,无法完成比如事件的添加),JavaScript在语言基础上进行了扩展,JavaScript语言本身指的就是ECMAScript,用ES6来泛指所有新标准,注意分辨用ES6是特指(2015)还是泛指
  • 重点需要了解ES5.1的变化:
    • 解决原有语法上的一些问题或者缺陷
    • 对原有语法进行增强
    • 全新的对象、全新的方法、全新的功能
    • 全新的数据类型和数据结构 image.png image.png
  • ES6之前,ES中只有两种作用域:全局作用域和函数作用域,ES6之后,新增了块级作用域 image.png
  • let属于块级作用域,可以应用于给每个对象添加事件;let和var除了作用域的区别外,还有let不能进行变量声明提升 image.png
  • const在let的基础上增加了一个“只读”效果。声明时必须同时赋值,否则将无法赋值;当使用const定义一个空对象时,给其添加内容是被允许的,因为添加内容没有改变该对象指针指向的地址
  • 最佳实践:不用var,主用const,配合let
  • 数组的解构(通过下标顺序进行读取):原方式👇 image.png 解构方式👇 image.png 输出:100,200,300;300;200,300;100;123,300;baz
  • 对象的解构 image.png 最下面可以直接使用log("你好")来输出,这里只能使用log不可以使用别的名字
  • 模块字符串字面量
    • 在ES6中定义一个字符串不写双引号,取而代之的是反引号``,这样换行会比较方便
    • 可以在字符串内部使用$加大括号其中写一个变量或者表达式或者方法来实现插值表达式 image.png image.png 本期内容就先写到这里啦!