【ES6入门14】：模块化

leeon 发布于2019-08-23 12:36 / 3036人阅读

摘要：模块化就是为了使功能单一，把各个耦合性不高的功能抽离出来成单一的模块，每个模块提供单一的功能导出模块导入模块使用多个基本用法只关心某些内容和。表示导入所有，表示起一个别名使用推荐写法给导出的对象不起名字，把权力交给引入方

模块化就是为了使功能单一，把各个耦合性不高的功能抽离出来成单一的模块，每个模块提供单一的功能
export 导出模块；import 导入模块

使用多个export

module.js

export let A = 123;

export function test() {
    return "test";
}

export class Hello {
    test() {
        console.log("class");
    }
}

index.js

// 1.基本用法
import {A,test,Hello} from "./class/module";

console.log(A, test()); // 123 "test"

// 2.只关心某些内容
import {A} from "./class/module";

console.log(A); // 123

// 3.* 和 as。* 表示导入所有，as 表示起一个别名

import * as module1 from "./class/module";

console.log(module1.test()); // test

使用export default

module.js

// 推荐写法
let A = 123;

let test = function() {
    console.log("test");
};

class Hello {
    test() {
        console.log("class");
    }
}

// default 给导出的对象不起名字，把权力交给引入方
export default {
    A,
    test,
    Hello
}

index.js

import module2 from "./class/module";

console.log(module2.A); // 123

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98803.html

2017-07-07 前端日报

摘要：前端日报精选了解中的全局对象和全局作用域张鑫旭鑫空间鑫生活子进程你应该知道的一切直出内存泄露问题的追查实践我他喵的到底要怎样才能在生产环境中用上模块化腾讯前端大会大咖说大咖干货，不再错过发布发布中文翻译在使用进行本地开发代码 2017-07-07 前端日报精选了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活Node.js 子进程：你应该知道...

import. 2019-08-20 17:48 评论0 收藏0
ES6: import和export

摘要：一模块化前端模块化的好处都已经被说烂了，归纳为两点避免全局变量污染有效的处理依赖关系终于引入了模块的概念，最近学习了下，顺便记下笔记。命名导出命名导出就是明确导出的变量名称和值。其中表示导出模块所有的命名输出。一、模块化前端模块化的好处都已经被说烂了，归纳为两点：避免全局变量污染有效的处理依赖关系 ES2015终于引入了模块的概念，最近学习了下，顺便记下笔记。二、准备工作...

wapeyang 2019-08-21 17:50 评论0 收藏0
前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）

摘要：并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档，优化项目，在浏览器端的层面上提升速度，帮助初中级前端工程师快速搭建项目。本文是关注微信小程序的开发和面试问题，由基础到困难循序渐进，适合面试和开发小程序。并总结vue React html css js 经典面试题集各种算法和插件、前端视频源码资源于一身的文档，优化项目，在浏览器端的层面上提升速度，帮助初中级前端工程师快...

pumpkin9 2019-08-23 17:12 评论0 收藏0
前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）

摘要：并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档，优化项目，在浏览器端的层面上提升速度，帮助初中级前端工程师快速搭建项目。本文是关注微信小程序的开发和面试问题，由基础到困难循序渐进，适合面试和开发小程序。并总结vue React html css js 经典面试题集各种算法和插件、前端视频源码资源于一身的文档，优化项目，在浏览器端的层面上提升速度，帮助初中级前端工程师快...

Carson 2019-07-31 10:21 评论0 收藏0