常用ES6基础语法总结

130 阅读1分钟
用自己易于理解的语言总结的,欢迎各位大佬指点~

ES6在本质上是ES5的语法糖,写起来更方便快捷,看起来更直观

一、let

     1、用来声明块级作用域

     let声明的变量只在其块级作用域内有效,而var通常在函数作用域或全局作用域内有效

块级作用域:指用花括号{ }包裹起来形成的语句块,如if、for、while循环语句等。

	if(true){
		let a = 111;
		console.log(a);	// 111
	}
	console.log(a);	// a is not defined
     对比var
	if(true){
		var a = 111;
		console.log(a);	// 111
	}
	console.log(a);	// 111

     2、没有变量提升

     let声明的变量必须在声明后才能使用
	// let
	console.log(a);	// Cannot access 'a' before initialization
	let a = 111;
	console.log(a);	// 111
     对比var
	// var
	console.log(a);	// undefined
	var a = 111;	// 111
	console.log(a);	// 111
	// 上面的代码相当于
	var a;
	console.log(a);
	a = 111;

     3、不允许重复声明

     let声明的变量不允许重复声明
	let a = 111;
	let a = 222; // let不可重复声明 Identifier 'a' has already been declared 
     对比var
	var a = 111;
	var a = 222;
	console.log(a);	// 222

二、const

三、class

四、继承extends

五、箭头函数

六、模板字符串

七、解构

八、默认值

九、rest

十、扩展运算符

在这里插入图片描述