开发者社区> 技术小美> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

webpack模块定义和使用的模式

简介:
+关注继续查看

在使用webpack作为模块加载工具时,我在想module.exports的模块应该是一种什么模式,最直接地思考是单例。不太确定,所以写一个简单例子做测试。

测试代码

singleton.js:

复制代码
var Singleton = {
    count: 0,
    addCount: function(){
        Singleton.count++;
    }
}
 
console.log('Singleton 输出');
module.exports = Singleton;
复制代码

App.vue:

复制代码
import Singleton from './js/singleton'
 
export default {
    ……
    created(){
        Singleton.addCount();
        console.log('App.vue count:', Singleton.count);
    }
} 
复制代码

Hello.vue:

复制代码
import Singleton from '../js/singleton'
 
export default {
    ……
    created(){
        Singleton.addCount();
        console.log('Hello.vue count:', Singleton.count);
    }
}
复制代码

输出

总结

从例子可以看出,使用模块的方式是单例(就是exports出来的对象),而编写的方式是模块模式(在我设计模式文章有写)。

模块模式的好处在于你可以暴露你想要的属性和方法(私有的隐藏),甚至做一些初始化操作。

PS:注意模块定义和使用该模块的模式区分



本文转自 海角在眼前 博客园博客,原文链接:http://www.cnblogs.com/lovesong/p/7137902.html   ,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
webpack基本概念及配置
一、基本概念 入口(entry) 输出(output) 装载(loader) 插件(plugins) 入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始,webpack 会找出有哪些模块和 library 是入口起点(直接和间接)依赖的。
1484 0
史上最走心webpack4.0中级教程——配置之外你应该知道的事
《webpack4.0各个击破系列》适合不满足于只会配置webpack但一时间又看不懂源码的中级读者。我没法保证这个系列是最好的,但至少能保证每一篇博文都跟那些Ctrl+C和Ctrl+V的博文有本质的区别,不信你读读看。
1520 0
不聊webpack配置,来说说它的原理
最近在前端论坛闲逛,看到了一些讲parcel、webpack的文章,就突然很好奇,每天都在用的打包工具,他们打包的原理究竟是什么。只有知道了这一点,才可以在众多的打包工具里,找到最适合的那个它。在了解打包原理之前,先花一些篇章说明了一下为什么要使用打包工具。
4481 0
webpack配置
webpack配置 配置 Webpack 的方式有两种: 通过一个 JavaScript 文件描述配置,例如使用 webpack.config.js 文件里的配置; 执行 Webpack 可执行文件时通过命令行参数传入,例如 webpack --devtool source-map。
2428 0
webpack 打包vue
webpack 打包vue
18 0
🔥Webpack 插件开发如此简单!
🔥Webpack 插件开发如此简单!
64 0
webpack学习
学习网站https://github.com/webpack-china/awesome-webpack-cnhttp://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/
1319 0
+关注
6819
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载