ES6新特性学习

Bertha 。 2023-06-20 13:59 30阅读 0赞

## ES6 简介 ##

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

ECMAScript 和 JavaScript 的关系：前者是后者的语法规格，后者是前者的一种实现

学习途径：[阮一峰-ES6入门][-ES6]

## 新特性 ##

### 1. let、const ###

let 定义的变量不会被变量提升，const 定义的常量不能被修改，let 和 const 都是块级作用域

ES6前，js 是没有块级作用域 \{\} 的概念的。（有函数作用域、全局作用域、eval作用域）

ES6后，let 和 const 的出现，js 也有了块级作用域的概念，前端的知识是日新月异的~

变量提升：在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部；不在函数内即在全局作用域的最顶部。这样就会引起一些误解。例如：

console.log(a); // undefined
    var a = 'hello';
     
    # 上面的代码相当于
    var a;
    console.log(a);
    a = 'hello';
     
    # 而 let 就不会被变量提升
    console.log(a); // a is not defined
    let a = 'hello';

const 定义的常量不能被修改

var name = "bai";
    name = "ming";
    console.log(name); // ming
     
     
    const name = "bai";
    name = "ming"; // Assignment to constant variable.
    console.log(name);

### 不存在变量提升  ###

`var`命令会发生“变量提升”现象，即变量可以在声明之前使用，值为`undefined`。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。

为了纠正这种现象，`let`命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

// var 的情况
    console.log(foo); // 输出undefined
    var foo = 2;
    
    // let 的情况
    console.log(bar); // 报错ReferenceError
    let bar = 2;

[-ES6]: http://es6.ruanyifeng.com/#docs/intro