ES6

作者: FiredEarthMusic | 来源:发表于2018-05-04 21:36 被阅读8次

    先学 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

          本文链接:https://www.haomeiwen.com/subject/hrvzzxtx.html