ES6中const、let的区别和变量的解构赋值

1、let关键字

let关键字用来声明变量，使用let声明的变量有几个特点:

1. 不允许重复声明

2. 块级作用域

3. 存在变量提升

4. 不影响作用域链

应用场景: 要想让自己的代码的高级起来，以后声明变量使用let就对了

2、const关键字

const关键字用来声明上量，const声明有以下特点:

1. 声明必须赋初始值

2. 标识符一般为不写

3. 不允许重复声明

4. 值不允许修改

   扫描二维码关注公众号，回复： 16485877 查看本文章

5. 块级作用域

注意：对象属性修改和数组元素变化不会触发const错误

应用场景：声明对象类型使用const，非对象类型声明选择let

3、对象的解构赋值

ES6允许按照一定模式，从数组和对象中提取值，对变量进行复制，这被称为解构赋值。

//ES6 允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。
//1. 数组解构赋值
const name = ["yimao","ermao","sanmao","simao"];
let [a,b,c,d] = name;
console.log(a);
console.log(b);
console.log(c);
console.log(d);

//2. 对象的解构赋值
const zhao = {
	name: "赵本山",
	age: 34,
	xiaopin: function () {
		console.log("我可以");
	}
};
let {name,age,xiaopin} = zhao;
console.log(name);
console.log(age);
console.log(xiaopin); 
xiaopin();

let { xiaopin } = zhao;
xiaopin();

注意：频繁使用对象方法、数组元素，就可以使用解构赋值形式

4、模板字符串

模板字符串(template string)是增强的字符串，用反引号(`)标识，特点：

1. 字符串中可以出现换行符

2. 可以使用${xxx}形式输出变量

// ES6 引入新的声明字符串的方式 『``』 '' ""
// 1.声明
let str = `我也是一个字符串啊`;
console.log(str,typeof str); 

// 2.内容中可以直接出现换行符
let str =  `<ul>
				<li>哈哈</li>
				<li>嘿嘿</li>
				<li>呵呵</li>
			</ul>`;
    
// 3.变量拼接
let a = "今天";
let b = `${a}星期四`;
console.log(b);