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引擎在为后两个函数创建闭包的时候会将自执行方法的变量“保留”。

这样就实现了代码的隔离(避免带来污染)还能合理访问的目的。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值