ES6基础知识

1、let 与 var

与var的使用没有基本区别,但是let没有变量提升

// 变量不提升
console.log(city)
let city = 'xian'

ES6基础知识_第1张图片

console.log(tool)
var tool= 'taidi'
//相当于
var tool
console.log(tool)
tool = 'taidi'

ES6基础知识_第2张图片

2、模板字符串 ``

在需要的替换的位置使用${}占位,并填入内容即可。
ES6基础知识_第3张图片

3、对象的简化赋值

如果变量名和属性名相同,可以简写,如果是方法,可以省略 function
ES6基础知识_第4张图片

4、箭头函数

ES6基础知识_第5张图片
1、
ES6基础知识_第6张图片
2、ES6基础知识_第7张图片
3、
ES6基础知识_第8张图片
4、
ES6基础知识_第9张图片
5、ES6基础知识_第10张图片
6、ES6基础知识_第11张图片

6、箭头函数中的this

ES6基础知识_第12张图片
如果想用这种方法打印出person 可以保存this
ES6基础知识_第13张图片使用箭头函数之后
ES6基础知识_第14张图片

你可能感兴趣的:(Vue)