一.新的变量let/const
两个特性提供了块级作用域与不具备变量提升,es6中let/const替换了var,那什么时候用let,什么时候用const?我们可以使用let来声明一个值可以改变的变量,使用const来声明一个不会改变的量,例如:
const obj = {
a: 20,
b: 30
}
obj.a = 30;
console.log(obj); // Object {a: 30, b: 30}
{
let _a = 20;
}
console.log(a); // a is not defined
二.模板字面量
它是为了解决字符串拼接而出现的,使用方法也比较简单,例如:
const a = 1
const b = 2
const string = `${a}+${b}=${a+b}`
三.for...of
它结合了其兄弟循环形式 for 循环和for...in循环的优势,for...of和for...if的区别在于for...in遍历的是数组索引,for...of遍历的是数组的元素值,它的优势在于可以随时停止或退出
四. ...展开运算
这是es6的新方法能够将对象展开为多个元素,例如:const a = ["a", "b", "c"];
const b = ["d", "e", "f"];
const c = [...a,...b];
console.log(c); //["a", "b", "c", "d", "e", "f"]
五.箭头函数
箭头函数和普通函数的区别在于 箭头函数中this指向其定义环境,任何方法都改变不了其指向,普通函数中this指向其函数的直接调用者
直观的区别 {
// 箭头函数
let fun = () => {
console.log('lalalala');
}
// 普通函数
function fun() {
console.log('lalla');
}
}
就写到这里剩下的下次再更