ES6历史及新增两个重要的关键字

最新推荐文章于 2023-06-23 20:35:13 发布

听着一首歌

最新推荐文章于 2023-06-23 20:35:13 发布

阅读量257

点赞数 2

分类专栏： ES6 文章标签： javascript

本文链接：https://blog.csdn.net/qq_46366496/article/details/108245448

版权

10 篇文章 0 订阅

订阅专栏

前言
ECMAScript是JavaScript的语法标准，而ES6是 JavaScript 的下一个版本标准，2015.06 发版。
ps：严格来说，ECMAScript还包括其他很多语言的语法标准

现在大部分的编写一般都是ES3.1语法,比如jQuery的语法就比较倾向ES3，但是现在的主流框架Vue.js和React.js的语法，就大量用的都是ES6语法，node全部都是ES6的语法

ES6中增加了很多功能上的不足，比如常量、作用域、对象代理、异步处理、类、继承、面向对象等

ECMAScript 的历史
ES6 是 ECMAScript 标准十余年来变动最大的一个版本，为其添加了许多新的语法特性。

ES6的目标：适应更复杂的应用；实现代码库之间的共享；不断迭代维护新版本。
ES6在低版本的浏览器上面不支持可以使用babel语法转换器转换，支持低版本

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const来定义变量

var全局变量

		//全局作用域
        {
            //局部作用域
            var x=1;
        }
        console.log(x); //1

变量x在局部作用域内声明为局部变量，但是输出语句在在全局变量，但是此时的输出为1，而不是undefined

		// 全局作用域
		var x = 1;
		{
		    // 局部作用域
		    var x = 2;
		}
		console.log(x); // 2

此时输出为2，原因很简单就是因为var声明的x为全局变量

总结：用var关键字声明的变量会变成全局变量，这样就会污染全局变量

let：局部变量

		// 全局作用域
		var x = 1;
		{
		    // 局部作用域
		    let x = 2;
		}
		console.log(x); // 1

此时输出为1，因为let声明的为局部变量，只会在局部作用域内有效，不会影响全局变量x

		// 全局作用域
		var x = 1;
		{
		    console.log(x) // Cannot access 'x' before initialization
		    // 局部作用域
		    let x = 2;
		}

let声明的变量不会挂在window中，不会造成全局变量的污染
新增了一个块级作用域{}，以前只有函数作用域，全局作用域
let是不允许重复声明
let不会有声明提前（只是人为看到的效果，实际上是有声明提前，提前临时性的死区中：Cannot access ‘x’ before
initialization）

const：常量

		// 全局作用域
		const x = 1;
		{
		   
		    // 局部作用域
		    const x = 2;
		}
		 console.log(x) // 1

		const PI = 3.141592653589793;
		PI = 3.14;      // 报错
		PI = PI + 10;   // 报错

const定义常量与使用let 定义的变量相似：

两者还有以下两点区别：

总结：

const声明的变量不会挂在window中，不会造成全局变量的污染
const是不允许重复声明
const不会有声明提前（只是人为看到的效果，实际上是有声明提前，提前临时性的死区中：Cannot access ‘num’
before initialization）
const不允许被修改,不允许改变内存空间的地址
const声明和赋值必须一次性完成，并且后期不允许改变存储空间的地址
能使用const就使用const，不能使用就用let。常量的效率比变量要高
const其实可以修改对象的值，这就说明const不能修改栈里面的数据，但是可以修改堆里面的

关注