let、const、解构赋值

2020年10月19日真是痛苦的一天

ES6概念
它是由ECMA国际标准化组织，制定的一项脚本语言的标准化规范。(ES6泛指ES2015及后续的版本)

为什么使用ES6

let

ES6中新增的用于声明变量的关键字

• let声明的变量只在所处于的块级（{}）有效

/* --------使用let关键字声明的变量具有块级作用域-------- */
		 if (true) {
		 	let b = 20;
		 	console.log(b)
		 	if (true) {
		 		let c = 30;
		 	}
		 	console.log(c);//false
		 } 
		 console.log(b)  //false

 if (true) {
		 	let num = 100;
		 	var abc = 200;
		 }
		 console.log(abc); //true
		 console.log(num) //false

• 防止循环变量变成全局变量

		 for (let i = 0; i < 2; i++) {}
		 console.log(i); //undefined

• 不存在变量提升

		 console.log(a);//false
		 let a = 100;

• 暂时性死区

var num = 10
		if (true) {
			console.log(num); //false
			let num = 20;
		}

let面试题

const

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

• 具有块级作用域
• 声明常量是必须赋值（报错）
• 常量赋值后，值不能修改(数组和对象可以修改内部值)(内存地址不可更改)

		const PI = 3.14;
		// PI = 100;
		const ary = [100, 200];
		ary[0] = 123;
		ary = [1, 2] //报错
		console.log(ary);

let、const、var的区别

解构赋值

概述
ES6中允许从数组中提取值，按照对应位置，对变量赋值。对象也可以实现结构。

数组解构

// 数组解构允许我们按照一一对应的关系从数组中提取值 然后将值赋值给变量
		let ary = [1,2,3];
		let [a, b, c, d, e] = ary;
		console.log(a) //1
		console.log(b)//2
		console.log(c)//3
		console.log(d)//undefined
		console.log(e)//undefined

对象解构
用于匹配的变量名需与属性名相等

// 对象解构允许我们使用变量的名字匹配对象的属性 匹配成功 将对象属性的值赋值给变量
		
		let person = {name: 'lisi', age: 30, sex: '男'};
		// let { name, age, sex } = person;
		// console.log(name) //lisi
		// console.log(age)//30
		// console.log(sex)//男
		let {name: myName} = person;
		console.log(myName) //lisi