JS闭包学习笔记(3):模块
来源:互联网 发布:湘北vs陵南数据 编辑:程序博客网 时间:2024/05/02 01:05
function coolModule(){ var something = "cool"; var another = [1,2,3]; function doSomething(){ console.log(something); } function doAnother(){ console.log(another.join("!")); } return { doSomething:doSomething; doAnother:doAnother; }}var foo = coolModule();foo.doSomething(); // coolfoo.doAnother(); //1!2!3
在js中这种模式被称为模块。
coolModule只是一个函数,但它会在模块实例创建的时候被调用。
coolModule函数返回一个以对象字面量定义的object,这个返回的object对内部函数有引用,而不是内部变量,我们让变量隐藏且私有化。可以说这个object返回了一个模块的公共接口。返回的object被赋给外部的变量foo,我们可以通过foo来调用模块接口的方法,如foo.doSomething()。
我们也可以不返回一个object而是直接将内部函数返回,jQuery就是这样做的,jQuery和$就是jQuery模块的公共接口,但它们其实就是一些函数。
在调用coolModule时,doSomething和doAnother函数有对其内部作用域的闭包。
对于模块的实现有两个要求:
1.必须有一个外部封闭函数(coolModule),而且至少被调用一次(每一次创建模块实例的时候)。
2.这个外部封闭函数必须返回至少一个内部函数,这样这个内部函数才有包含私有作用域的闭包,并且可以使用或修改私有变量。
因此,一个只包含函数属性的object不是一个模块。一个被函数返回只包含数据属性但没有闭包函数的object也不是一个模块。
前面的coolModule例子可以被执行任意次,每一次都创建一个新的模块实例。一个稍有不同的例子如下:只需要一个实例的情况:
var foo = (function coolModule(){ var something = "cool"; var another = [1,2,3]; function doSomething(){ console.log(something); } function doAnother(){ console.log(another.join("!")); } return { doSomething:doSomething; doAnother:doAnother; }})();foo.doSomething(); // coolfoo.doAnother(); //1!2!3
这里,我们将模块函数变成了一个IIFE,立即执行并把其返回值赋给模块实例foo。
模块就是函数,因此可以接收参数:
function coolModule(id){ function identify(){ console.log(id); } return{ identify:identify; }}var foo1 = coolModule("foo 1");var foo2 = coolModule("foo 2");foo1.identify(); //foo 1foo2.identify(); //foo 2
另一个变种则是将返回的object命名为publicAPI
var foo = (function CoolModule(id){ function change(){ publicAPI.identify = identify2; } function identify1(){ console.log(id); } function identify2(){ console.log(id.toUpperCase()); } var publicAPI = { change:change, identify:identify1 }; return publicAPI;})("foo module");foo.identify(); // foo modulefoo.change();foo.identify(); //FOO MODULE
在模块实例内部维持一个有内部引用的publicAPI,可以在内部修改模块实例,如增加或删除方法或变量,或改变它们的值。
- JS闭包学习笔记(3):模块
- Node.js模块、包的学习笔记
- js学习笔记(闭包)
- JS学习笔记(9)闭包
- JS闭包学习笔记
- js学习笔记-闭包
- JS闭包学习笔记(1):什么是闭包
- python学习笔记13(模块、包)
- 【Python学习笔记】-模块、包
- Node.js学习笔记(3、http模块)
- JS 学习笔记--理解闭包
- 【js学习笔记-048】-- 闭包
- js学习笔记之闭包
- js学习笔记_闭包
- js学习笔记之闭包
- Node.js学习--基础知识(4)--模块与包
- python学习笔记(四)之模块与包
- Lua 学习笔记(4) -- 模块与包
- WPF4.5 Introduction to the 24, "DataGrid Control Part 2"
- VS2015下如何使用Github的教程
- Js运动动画系列3--缓冲运动
- 设计模式一
- 大话Fragment管理
- JS闭包学习笔记(3):模块
- 欢迎使用CSDN-markdown编辑器
- 5.0新特性转场动画的实现
- 从两侧向中间拼合的JavaScript图片切换效果
- iOS学习项目(16-controller创建方式&17-UINavigationController)
- Java 实现Serializable接口要声明serialVersionUID的原因
- SpringMVC 取消拦截总结
- 19、关于宽高度的一些属性
- 大幅JS焦点图切换