1、let关键字
let关键字用来声明变量,使用let声明的变量有几个特点:
-
不允许重复声明
-
块级作用域
-
存在变量提升
-
不影响作用域链
应用场景: 要想让自己的代码的高级起来,以后声明变量使用let就对了
2、const关键字
const关键字用来声明上量,const声明有以下特点:
-
声明必须赋初始值
-
标识符一般为不写
-
不允许重复声明
-
值不允许修改
-
块级作用域
注意:对象属性修改和数组元素变化不会触发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)是增强的字符串,用反引号(`)标识,特点:
-
字符串中可以出现换行符
-
可以使用${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);