`
zlchen_129
  • 浏览: 3244 次
社区版块
存档分类
最新评论

JS中的模块

阅读更多
JS中的模块

function TestModule(){

	var something = "Test";
	var another = ["beijing","shanghai","nanjing"];

	function doSomething(){
		console.log(something);
	}

	function doAnother(){
		console.log(another.join(" ! "));
	}

	return {
		doSomething:doSomething,
		doAnother:doAnother
	};
}

var testModule = TestModule();
testModule.doSomething(); //Test
testModule.doAnother(); //beijing ! shanghai ! nanjing

   以上这个模式在JavaScript中被称为模块。
   我们仔细研究一下这些代码。
   首先,TestModule()只是一个函数,必须要通过调用它来创建一个模块实例。如果不执行外部函数,内部作用域和闭包都无法被创建。
   其次,TestModule()返回一个用对象字面量语法{key:  value,…}来表示的对象。这个返回的对象中含有对内部函数而不是内部数据变量的引用。我们保持内部数据变量是隐藏且私有的状态。可以将这个对象类型的返回值看作本质上是模块的公共API。
   这个对象类型的返回值最终被赋值给外部的变量testModule,然后就可以通过它来访问API中的属性方法,比如testModule.doSomething()。
0
0
分享到:
评论

相关推荐

    javascript模块化

    Require.js是一种实现**AMD(Asynchronous Module Definition)**规范的JavaScript模块加载器。AMD规范允许模块异步加载,并且可以在定义模块时声明其依赖关系。这有助于减少页面加载时间和提高代码执行效率。 - **...

    css/js文件模块化组件

    JavaScript的模块化则通常涉及到ES6的模块系统(import/export)、CommonJS(Node.js中广泛使用)或者AMD(异步模块定义,如RequireJS)。通过模块化,我们可以将大型的JavaScript应用分解为小型、独立的单元,每个...

    JavaScript精华(常用JavaScript模块)

    总的来说,这个“JavaScript精华(常用JavaScript模块)”的学习资源将涵盖JavaScript的基础、模块化编程、内置模块的使用,以及现代JavaScript开发中的重要概念。通过深入学习,开发者不仅可以提升编程技能,还能更好...

    Javascript模块化编程(Require.js)

    JavaScript模块化编程是一种组织代码的方式,它使得代码更易于维护、重用和协作。Require.js是JavaScript的一个模块加载器,它引入了AMD(Asynchronous Module Definition)规范,为JavaScript提供了异步加载模块的...

    JavaScript模块化编程

    4. **放大模式**:用于扩展已有的模块,向模块中添加新的方法或特性。 ```javascript var module = (function (mod) { mod.m3 = function () { // ... }; return mod; })(module); ``` 5. **宽放大模式**...

    javascript 分页模块

    JavaScript 分页模块是一种在网页中实现数据分页功能的技术,主要应用于大数据量的展示场景,如用户列表、文章列表等。这种模块通过将大量数据分割成小块(每块为一页),让用户能够逐页浏览,而不是一次性加载所有...

    JS日历模块

    总的来说,JS日历模块是前端开发中不可或缺的一部分,它结合了JavaScript的动态特性、HTML的结构和CSS的样式,为用户提供了便捷的日期选择工具。理解并掌握其工作原理和实现方式,对于提升前端开发技能具有重要意义...

    JS中的模块规范(CommonJS,AMD,CMD

    ### JS中的模块规范(CommonJS, AMD, CMD) #### 一、CommonJS CommonJS 是一种模块化标准,最初被设计用于服务器端JavaScript环境,特别是针对Node.js这样的平台。CommonJS 的核心理念是允许开发者将代码组织成独立...

    JavaScript常用模块程序

    学习这些模块的实现可以帮助理解JavaScript模块化的历史和发展。 4. **工具模块**:压缩包可能包含常用的工具模块,如日志记录、错误处理、时间处理等。这些模块通常被广泛应用于各种项目中,学习它们的源码能提高...

    Javascript模块化编程

    ### JavaScript模块化编程知识点 #### 一、模块化的重要性 模块化编程是现代软件开发的基础之一,尤其是在JavaScript这种广泛应用于Web开发的语言中尤为重要。模块化的关键在于它允许开发者将复杂的程序拆分成更小...

    JS模块化标准技术.JAVASCRIPT的几种模块化技术

    JS模块化标准技术.JAVASCRIPT的几种模块化技术 作为前端重要组成部分的javascript语言,其面向对象功能非常差.所以要实现代码的模块化,需要一些标准:AMD,CMD 针对2种模块化也有现成的js模块化库SeaJs,require.js 今天...

    javascript高级模块化require.js的具体使用方法

    Require.js是一种JavaScript模块加载器,它遵循AMD(异步模块定义)规范,这种规范允许你以异步的方式加载JavaScript模块。它非常小巧,压缩后的大小只有14KB,适合用于管理前端JavaScript模块的加载,能够有效地...

    JS 模块 划分 框架

    JavaScript 模块化是现代 Web 开发中的一个重要概念,它帮助开发者组织代码,提高代码的可维护性和重用性。本篇文章将深入探讨 JS 模块化及其在框架中的应用,特别适合那些需要处理较小规模项目的开发者。 首先,...

    JavaScript前端开发模块化教程_PPT.rar

    在JavaScript模块化开发中,我们还需要关注以下几点: - 模块作用域:模块内的变量和函数默认为私有,只在模块内部可见,除非明确导出。 - 导入与导出:理解不同模块系统下的导入和导出语法,例如命名导出和默认...

    Javascript模块化编程(三):模块化编程实战,试用SeaJS

    JavaScript模块化编程是现代Web开发中的重要组成部分,它有助于组织代码、提高可维护性和复用性。本篇文章将深入探讨JavaScript模块化编程的实战应用,特别是通过试用SeaJS这一工具来实现。SeaJS是一款专注于浏览器...

    JavaScript模块化开发库之SeaJS

    JavaScript模块化开发库之SeaJS 在Web开发中,JavaScript代码的组织和管理是一个重要的问题。随着项目的复杂性增加,代码的模块化变得至关重要。SeaJS便是一个专注于JavaScript模块化开发的库,它提供了一种在...

    modulejs轻量级的JavaScript模块化系统

    `modulejs`作为轻量级的JavaScript模块化系统,为开发者提供了有效的代码组织和管理工具。它简单易用,可扩展性强,适合各种规模的项目。通过理解和熟练掌握`modulejs`,开发者能够更好地构建和维护自己的JavaScript...

    模块化的js.pdf

    例如,在`util.js`中定义了一个`getKeys`函数,并通过`exports.getKeys`将其导出,这样在其他模块中就可以通过`require`函数来引用并使用这个函数。 四.案例分析 假设我们正在开发一个包含图片轮播和关键词记忆...

    Node.js-收集最棒的node.js模块这些模块可扩展node.js应用程序的功能

    以上只是Node.js生态系统中的一部分优秀模块,实际应用中还有许多其他模块可以满足不同需求,例如文件处理、压缩解压、缓存管理等。持续探索和利用这些模块,将有助于提升Node.js应用程序的性能和功能。

    检测JS模块格式Js-module-formats.zip

    "Js-module-formats" 是一个开源项目,专门用于检测和识别各种JavaScript模块格式。下面我们将深入探讨JavaScript模块格式及其相关知识点。 1. **CommonJS**: CommonJS 是 JavaScript 在服务器端广泛使用的模块...

Global site tag (gtag.js) - Google Analytics