ES6

先学 ES 5 还是 ES 6
无聊的问题

ES 6 如何学
快速通览,然后使用
边使用边加深印象
自学的问题
你不知道一个语法为什么要存在
触类旁通,去看看其他语言有没有这个语法,怎么用的
反证法,如果不用这个语法,该怎么实现需求

模块化

写法1

//profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;
//usage,js
import {firstName, lastName,  year} from './profile';
console.log(firstName)
console.log(lastName)
console.log(year)

写法2

var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;

export {firstName, lastName, year}
//usage.js
import {firstName, lastName, year} from './profile'
console.log(firstName)

写法3

//helper.js
export function getName(){}
export function getYear(){}
//main.js
import {getName, getYear} from './helper';
getName()

写法4

//helper.js
function getName(){}
function getYear(){}
export {getName, getYear}
//main.js
import {getName, getYear} from './helper'
getName()

写法5

//export-default.js
export default function(){
     console.log('foo')
}
//import-default.js
import getName from './export-default'
getName()

你可能感兴趣的:(ES6)