一、ES6常用语法
1、变量定义
(1)let
在ES5中,通过var定义的变量,会在一加载js文件时就声明变量,到那一行时给变量赋值,这样在var之前打印这个变量就是undefined,不会报错,称之为变量提升。
在ES6中提供了新的变量定义方式let,通过let定义的变量不会出现这种情况,会直接报错。
另外,var只有全局作用域和函数作用域,let还有块级作用域。var可以重复定义,let不能重复定义。
总结区别:变量提升、块级作用域、重复定义
(2)const
const有let的所有特点:没有变量提升、有块级作用域、不能重复定义,同时是一个常量,不能修改,且定义的时候必须赋值
2、模板字符串
用反引号进行字符串的拼接,用${ }来存储变量。
let username = "yin"; let odiv = document.getElementById("odiv"); odiv.innerHTML = ` <h1>hello ${username}</h1> <h2>hello you</h2> `
3、数据的解构赋值
// 将数组中的值分别赋值给abc let ary = [1, 2, 3]; let [a, b, c] = ary; // 将对象中的值分别赋值 let obj = { username: "yin", age: 21 }; let {username, age} = obj; // 实际上相当于:{username: username, age: age}
4、函数的扩展
(1)箭头函数