js(ES6)复习&补充笔记（一）

ES6预习复习笔记（一）

一、什么是ES6？

ES 全称 ECMAScript ,
是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。

二、为什么要使用 ES6 ?

JavaScript语言自身的缺陷：

• 变量提升 增加了程序运行时的不可预测性
• 语法松散 实现相同的功能，不同的人可能写出不同的代码

三、ES6新增语法

1、let

 if (true) { 
     let a = 200;
 }
console.log(a) // a is not defined

使用var声明的变量不具备块级作用域特性
使用let关键字声明的变量才具有块级作用域

1.1 不会变量提升

console.log(b); // b is not defined 
let a = 200;

1.2 暂时性死区

 var tmp = 123;
 if (true) { 
     tmp = 'abc';
     let tmp; 
 } 
 
 用let声明的变量会绑定在这个块级作用域，不会受外界的干扰

1.5举例：

 var arr = [];
 for (var i = 0; i < 10; i++) {
     arr[i] = function () {
         console.log(i); 
     }
 }
 arr[0]();
 arr[1]();
 
这里的变量i是全局的
函数执行时输出的都是全局作用域下的i。

 let arr = [];
 for (let i = 0; i < 10; i++) {
     arr[i] = function () {
         console.log(i); 
     }
 }
 arr[0]();
 arr[1]();

这里的每次循环都会产生一个块级作用域，每个块级作用域中的变量都是不同的
函数执行时输出的是自己上一级，循环产生的块级作用域下的i值

2、const

作用：用来声明常量，常量就是值（内存地址），是不能变化的量

2.1 有块级作用域

 if (true) { 
     const a = 109;
 }
console.log(a)    // a is not defined

2.2 声明常量 必须赋值,并且值不能修改

const PI; // Missing initializer in const declaration  声明常量 必须赋值

const声明的值不能修改
const PI = 3.1415926;
PI = 10; // Assignment to constant variable.

const ary = [10, 20];
arr[0] = 'a';
arr[1] = 'b';
console.log(arr); // ['a', 'b']; 
ary = ['a', 'b']; // Assignment to constant variable.

总结：

var、let、const 的区别：

• var 声明的变量，其作用域为该语句所在的函数内， 存在变量提升
• let 声明的变量，其作用域为该语句所在的代码块内， 不存在变量提升
• const 声明的是常量，后面 不能再修改该常量值 ，常量不能重新进行赋值，若是基本数据类型，不能更改值，如果是复杂数据类型，不能更改地址值