在学习 vue 之前, 得了解了解某些 ES6 语法的特性, 参考网上的一些文章, 记录下.
1. 变量声明 const 和 let
Var 声明的变量作用域是函数级, 无论声明在函数哪个位置都会被认为是声明在函数最顶部. var 在函数内声明, 函数内都可以使用. var 在函数外部声明则为全局变量.
- function test() {
- if(flag) {
- var test = 'hello world'
- } else {
- console.log(test)
- }
- }
上面的 test 变量其实相当于在最顶部创建.
- function test() {
- var test // 变量提升, 函数最顶部
- if(flag) {
- test = 'hello world'
- } else {
- console.log(test)
- }
- }
在 ES6 中, let 和 const 为块级作用域. 简言之就是在 {} 内, 一个代码块内. let 可以说是声明局部变量, const 声明的是常量, 一旦赋值就不可以改变.
变量声明
2. 字符串
可以用 $()来选择字符串,{}可以是变量或者表达式
- //Es5
- var name = 'Jack'
- console.log('hello' + name)
- //Es6
- const name = 'Jack'
- console.log(`hello ${name}`) //hello lux
多行字符串拼接 使用 ` 即可
- const template = `<div>
- <span>hello world</span>
- </div>`
字符串
3. 函数
在 ES6 中, 提供了默认值.
- function action(num = 100) {
- console.log(num)
- }
- action(0)
函数
4. 箭头函数
来源: http://www.bubuko.com/infodetail-3346597.html