ES6之Module

可以将程序拆分成相互依赖的小文件,再用简单的方法将其连接起来,非常能体现封装的思想。

导出成模块

导出为固定的变量

export {myarg1, myarg2, myarg3..}

当然可用as进行重命名

    function v1(){}
    function v2(){}
    ...
    
    export{
        v1 as alias1,
        v2 as alias2 // 后面作为的是别名export出去
        }

为模块指定默认输出

export default

    function foo(){}
    
    export default foo // foo函数名在模块外部是无效的。

导入模块

与模块变量名必须相同的导入

import{ myarg1, myarg2, myarg3, ..} from '../the/url'

整个模块的加载

import * as myArgs from './the/url' myArgs是一个别名(对象),用于在其上面加载模块导出的所有方法

module 自己的变量名 from './the/url'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容