ES6常用语法新特性详解

1,132 阅读2分钟

     ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

     下面逐一为大家详解常用的ES6新特性:

1、let变量声明

      ES6前,var关键词声明变量,无论声明在何处,都会被视为声明在函数的最顶部,不是在函数内就是在全局作用域的最顶部,这就是函数变量提升;而let关键词则是声明局部变量


2、const常量声明

      var关键词声明常量,可以再次赋值;而const关键词声明常量,再次赋值会报错。let和const都是块级作用域,则在一个函数内部,在一个代码块内部。

3、模板字符串

      模板字符串,优化字符串拼接。第一个用途,基本的字符串格式化,将表达式嵌入字符串中进行拼接,用${}来界定;第二个用途,在ES5时我们通过反斜杠\来做多行字符串或者字符串一行行拼接,ES6则用反引号 `` 直接搞定。


4、函数默认参数

      ES6为参数提供默认值。在定义函数时便初始化这个参数,以便在参数没有被传递进去时使用。


5、对象初始化简写

     为避开键值对重名,可以简写成键\值。


6、解构

      数组和对象是JS中最常用也是最重要表示形式。为了简化提取信息,将一个数据结构分解为更小的部分的过程。

      A、对象解构:


      B、数组解构:


7、箭头函数

      箭头函数,就是函数快捷写法,可以省略function、return关键字,可以继承当前上下文的this关键字,相当清爽,类似于java的lambda表达式。


8、传播操作符...

     Spread Operator传播操作符,也是三个点儿...的事,用来组装对象或者数组。

语法格式:...+引用的变量名:

注意:没有加上...,引用的是该变量,而不是该边的值。