es6基础知识

166 阅读1分钟

一.新的变量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');
}

}

就写到这里剩下的下次再更