一小时学会ECMAScript6新特性

时间:2023-03-10 07:11:50
一小时学会ECMAScript6新特性

ECMAScript 简介

  简称es,是一套标准,javascript就是使用这套标准的语言。主流的浏览器使用的是ECAMScript5,ECAMScript6(ECAMScript2015)是一涛新的标准,添加了新的特性。借助bable和jspm可以使用它的新特性。

1、块的作用域

作用域,即变量有效的范围(声明的变量在什么地方可以使用)。之前js只有全局作用域和函数作用域,es6中有了块级作用域。

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

  只能在块中访问。

2、恒量(常量)

  const声明恒量,声明的恒量不能被分配新的值。

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

  不能重新分配恒量的值,单可以改变其值。如下

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

3、解构数组(分解其解构)

  把 ['蛋糕', '咖啡', '苹果'] 数组分配给其他变量,老方法如下:

   一小时学会ECMAScript6新特性

  新方法如下:

  一小时学会ECMAScript6新特性

  结果:

  一小时学会ECMAScript6新特性

4、解构对象(分别使用对象中的属性值)

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

5、模板字符串 Template Strings

  旧方法:

  一小时学会ECMAScript6新特性

  新特性:

  一小时学会ECMAScript6新特性

  结果:

  一小时学会ECMAScript6新特性

  自动识别换行,方便我们多行显示

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

6、带标签的模板字符串  Tagged Templates

  可以在模板字符前面插入一个标签来处理模板字符串里边的字符,这里的标签其实就是一个函数。

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

  raw中表现如下:

  早餐后加\n换行 raw中是没有处理的

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

  输出模板字符串的内容:

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

7、判断字符串里是否包含其他字符串(includs、startsWith、endsWith)

  includs判断一个字符串中是否包含另一个字符串

  startsWith判断某个字符串中是不是已另一个字符串开头

  endsWith判断某个字符串中是不是已另一个字符串结尾

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

  一小时学会ECMAScript6新特性一小时学会ECMAScript6新特性

8、默认参数 Default Parameter Values

  可以为定义的函数的参数设置默认值