【JS-task11】ES6有哪些新特性

分享人：金俊

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

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

ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。日常场合，这两个词是可以互换的。

2.知识剖析

let和const命令

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。let命令声明的变量一定要在声明后使用，否则报错。

const声明一个只读的常量。一旦声明，常量的值就不能改变。如果 const 的是一个对象，对象所包含的值是可以被修改的。const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。

let和var的区别

1.新增块级作用域（只要在{}花括号内的代码块即可以认为 let 的作用域）

2.暂时性死区（使用let命令声明变量之前，该变量都是不可用的）

3.不存在变量提升（let 的作用域是在它所在当前代码块，但不会被提升到当前函数的最顶部）

4.不允许重复声明变量

模板字符串

基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定

                    //ES5 
                    var name = 'lux'
                    console.log('hello' + name)
                    //es6
                    const name = 'lux'
                    console.log(`hello ${name}`) //hello lux
            

模板字符串

在ES5时我们通过反斜杠(\)来做多行字符串或者字符串一行行拼接。ES6反引号(``)直接搞定

                        var roadPoem = 'Then took the other, as just as fair,\n\t'
                            + 'And having perhaps the better claim\n\t'
                            + 'Because it was grassy and wanted wear,\n\t'
                            + 'Though as for that the passing there\n\t'
                            + 'Had worn them really about the same,\n\t'
                        
                

                        var roadPoem = `Then took the other, as just as fair,
                            And having perhaps the better claim
                            Because it was grassy and wanted wear,
                            Though as for that the passing there
                            Had worn them really about the same,`
                                    

解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构

解构赋值有：数组、对象、字符串、数值、布尔值和函数的解构赋值。

3.常见问题

解构赋值的用法

4.解决方案

5.编码实战

6.扩展思考