ES6常用语法

let和const

• 定义变量使用let代替var
• const定义不可修改的变量
• 作用域和{}

let块级作用域，大括号内部。

var name='woniu'
{
  let name='imooc'
}
console.log(name)

let a='cao'
a='12'
console.log(a)

字符串

模板字符出纳

• 使用反引号，直接写变量
• 多行字符串
• 告别+拼接字符串

let name='imooc'
console.log('hello'+name+'!\n thank you!')
console.log(`hello ${name}!
thank you`)

函数扩展

ES6中函数的用法

• 参数默认值
• 箭头函数
• 展开运算符

const double=num=>num*2 
const double=(num)=>num*2
console.log(double(3)) 

const add=(num1,num2)=>num1+num2
const add=(num1,num2)=>{
  return num1+num2
}
const add=(num1,num2=1)=>{
  return num1+num2;
}
function add(num1,num2){
  num2=num2||1
  return num1+num2;
}
console.log(add(3,4))
console.log(add(3))

//展开符
let arr=[5,6]
console.log(add(...arr))
console.log(1,2,3,4,...arr)

对象扩展

Object扩展

• Object.key、values、entries
• 对象方法简写，计算属性
• 展开运算符（不是ES6标准，但是babel也支持）

const test='test'
const obj={
  test,
  num:1,
  str:'woniu',
  work:function(){

  },
}
obj['job']='fe'
console.log(obj)

解构赋值

函数可以多返回值

• 数组解构
• 对象解构

let arr=[1,2]
let num1=arr[0]
let num2=arr[1]
let [num1,num2]=arr
console.log(num1,num2)

const obj={type:'IT',name:'woniu'}
const {type,name}=obj
console.log(type,name)

模块化

ES6中自带了模块化机制，告别seajs和require.js

• Import，import{}
• Export、Export default
• Node现在还不支持，还需要用require来加载文件

import {name} from './module1'
console.log(name)

import sayHi from './module1'
sayHi()