ES6语法入门

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

1、let声明变量

区别1

ES6语法入门

区别2

ES6语法入门

区别3

ES6语法入门

2、const声明常量(只读变量)

ES6语法入门

3、解构赋值

解构赋值是对赋值运算符的扩展。

他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。

在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。

给多个变量赋值(ES6会自动解析数组结构进行赋值)

数组结构

ES6语法入门

对象结构

ES6语法入门

4、模板字符串

模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。

ES6语法入门

5、声明对象简写

ES6语法入门

6、定义方法简写

ES6语法入门

7、对象拓展运算符(拷贝对象)

拓展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象ES6语法入门

8、函数的默认参数

ES6语法入门

9、箭头函数

箭头函数提供了一种更加简洁的函数书写方式。基本语法是:参数 => 函数体

箭头函数多用于匿名函数的定义

示例1(数组排序sort)

ES6语法入门

示例2

ES6语法入门