JavaScript的自执行方法和模块模式
2016-12-21 14:25
267 查看
首先,每个方法定义的局部变量,在外部是无法访问的,比如:
这里的name变量对外界没有任何的污染,不会影响到其他地方的代码。如果每个模块的代码都这样写,那么就都不会打架了。
利用的函数的这一特性来实现隔离非常有效。通常情况下,我们只需要一个匿名的自执行函数就可以了:
如果仅仅是return一个name那大可没必要这么干,我们需要返回一个具有类似JavaBean读写功能的对象:
这里返回了一个JSON对象,既然是对象,那么完全可以是有方法的:
是的,不光可以有方法,方法中竟然还能访问早已经执行完毕了的那个自执行方法的变量。真的很神奇。
神奇的背后其实是闭包在起作用。自执行方法虽然早在setName和setAge方法之前就已经执行完毕了,但因为后两个方法的定义中引用到了自执行方法中的变量。那么JavaScript引擎在为后两个函数创建闭包的时候会将自执行方法的变量“保留”。
这样就实现了代码的隔离(避免带来污染)还能合理访问的目的。
function foo(){ var name; }
这里的name变量对外界没有任何的污染,不会影响到其他地方的代码。如果每个模块的代码都这样写,那么就都不会打架了。
利用的函数的这一特性来实现隔离非常有效。通常情况下,我们只需要一个匿名的自执行函数就可以了:
(function(){ var name = 'Tom'; return name; })()
如果仅仅是return一个name那大可没必要这么干,我们需要返回一个具有类似JavaBean读写功能的对象:
(function(){ var name = 'Tom'; var age = 10; return { name :name,age:age } })()
这里返回了一个JSON对象,既然是对象,那么完全可以是有方法的:
(function(){ var name = 'Tom'; var age = 10; return { name:name,age:age, setName(n){ name = n; }, setAge(a){ age = a; } } })()
是的,不光可以有方法,方法中竟然还能访问早已经执行完毕了的那个自执行方法的变量。真的很神奇。
神奇的背后其实是闭包在起作用。自执行方法虽然早在setName和setAge方法之前就已经执行完毕了,但因为后两个方法的定义中引用到了自执行方法中的变量。那么JavaScript引擎在为后两个函数创建闭包的时候会将自执行方法的变量“保留”。
这样就实现了代码的隔离(避免带来污染)还能合理访问的目的。
相关文章推荐
- 你知道的,javascript语言的执行环境是"单线程模式",这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行,因此很多时候需要进行“异步模式”,请列举js异步编程的方法。
- JavaScript执行多个处理过程的方法
- Javascript的interval绑定方法,每隔两秒执行该方法
- JavaScript的匿名方法书写模式
- 让eval()全局作用域执行的方法深入研究(javascript)
- Javascript的一种模块模式
- Eval方法(执行Javascript字串命令)
- [ASP.NET] 自定义控件的 onkeypress 在 javascript 函数返回false 依旧继续执行的解决方法(教训)
- 在flex中执行一个javascript方法的简单方式
- windows 高级程序指南InjectLib在Debug模式下执行出错的解决方法
- JavaScript执行window.onload和body onload多个处理过程的方法
- Eval方法(执行Javascript字串命令)
- 用ASP将JAVASCRIPT代码写入客户端执行的一种简易方法
- 用ASP将JAVASCRIPT代码写入客户端执行的一种简易方法。。。
- 在flex中执行一个javascript方法的简单方式
- 用JavaScript事件串连执行多个处理过程的方法
- Javascript的一种模块模式
- Javascript模块模式分析
- 利用Delegator模式保护javascript程序的核心与提高执行性能 (转)
- Javascript的一种模块模式