js封装

面向对象语言的三大基本特种:

封装、继承和多态:

封装的操作毋庸置疑,是我们在整个代码编写的时候的一个重点,如果不考虑这些,代码的质量无法保障,而且后期维护也将变得极其麻烦。

下面是我对封装的理解的代码片段一:

(function(){
    var bar = 'World!'
    function baz(){
        return bar;
    }
    function foo(){
        return bar;
    }
    window.baz = baz; //Assign 'baz' to the global variable 'baz'...
})();
console.log(baz()); //...and now this works.
console.log(foo()); //... do not works.

/**

  • 上面的代码运行结果,foo()之所以不执行是因为foo()的作用域限制,
  • 而baz()因为赋值作为window的属性而暴露在匿名函数之外,
  • 这样即可以保持foo()函数的私有特性,又可以对外提供接口.
    */

下面是我对封装的理解的代码片段二:

(function(){
    var hello = "hello";
    var obj = {
        name:"iwen",
        getName:function(){
            console.log(this.name);
        }
    };
    (function(){
        console.log(hello);
    })();
    function myDemo(){
        obj.getName();
    }
    window.myDemo = myDemo;
})();
myDemo();
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值