开发者社区> 大江小浪> 正文

Javascript设计模式学习(二)封装续

简介:   有一个避免其他程序员无意间写出重名函数的办法,在你想作为私有属性或者私有方法的命名前加一个下划线,像这样 this._name = name;,这样虽然不能避免所有的错误,但是能够避免绝大多数的无意识命名引起的冲突。
+关注继续查看

 

有一个避免其他程序员无意间写出重名函数的办法,在你想作为私有属性或者私有方法的命名前加一个下划线,像这样 this._name = name;,这样虽然不能避免所有的错误,但是能够避免绝大多数的无意识命名引起的冲突。

 

Scope,Nested Functions,and Closures

 

在实现私有属性的封装之前,我们需要一些基础的概念支持。在Javascript中,只有函数拥有作用域,也就是说,函数内部定义的变量,在外部是无法访问的。只有函数外部定义的变量,在函数内部才能访问。下面是一个说明的例子:

function foo(){

    var = 10;

    function bar(){

    a *= 2;

}

bar();

return a;

}

在这个例子中,a被定义在foo函数中,可是函数bar中可以访问a,是因为bar函数被定义在了foo函数中。当bar被执行时,他就能够使a的值翻倍,这是bar在foo内部执行,如果bar在foo外部执行会怎么样呢,看下面的例子:

function foo(){

    var a = 10;

    function bar(){

        a *= 2;

        return a;

}

return bar;

}

 

var baz = foo();

baz();    //返回20;

baz();    //返回40;

baz();    //返回80;

 

上例中函数返回的是一个对于bar的引用,把这个引用传递给baz,在执行的时候,他仍可以访问变量a。这是为什么呢?因为Javascript支持语义上作用域,函数运行是在他被定义的域中,而不是他在被执行的域中。这个例子中bar因为被定义在foo的内部,所以当他在外部被执行时,仍然可以访问内部的变量a。

    以上就是一个Closure的例子,只有foo中被返回的函数能够访问foo中的变量,最常见的创建Closure的方法就是返回一个Nested Function。

 

利用Closure创建私有方法

有了上面的基础,我们就能够实现私有方法了,如下:

            var NewHouse = function(hid,hname,address){

                var _hid,_hname,_address;

                

                function isValid(hid){

                    if(hid != null && hid != undefined & hid != ""){

                        return true;

                    }else{

                        return false;

                    }

                }

                

                this.getHid = function(){

                    return _hid;

                }

                

                this.setHid = function(hid){

                    if(!isValid(hid)){

                        _hid = hid;

                    }

                }

                

                this.getHname = function(){

                    return _hname;

                }

                

                this.setHname = function(hname){

                    _hname = hname || "暂无";

                }

                

                this.getAddress = function(){

                    return _address;

                }

                

                this.setAddress = function(address){

                    _address = address || "暂无";

                }

                

                this.setHid(hid);

                this.setHname(hname);

                this.setAddress(address);

            }

            

            NewHouse.prototype.ShowHouse = function(){

                document.getElementById("container").innerHTML += "楼盘名称:" + this.hname + "<br />";                

            }

 

可以看到,之前的例子中一直用this关键字来引用属性,而我们这里用了var来定义属性,所以属性在对象外是不能够被访问的。对于一些公共的方法,我们仍然可以利用prototype来定义他们。

    这个方法的缺陷是我们每建一个对象,对于内部的方法对要被初始化一下,而这是要消耗内存的,我们实例的对象越多,消耗的内存也就越多。所以这个方法只试用在真正需要私有化属性和方法的地方,其他的地方我们仍然可以用完全暴露的方法来做。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Java集合源码学习(二)ArrayList分析
ArrayList直接继承AbstractList,实现了List、 RandomAccess、Cloneable、Serializable接口,为什么叫"ArrayList",因为ArrayList内部是用一个数组存储元素值,相当于一个可变大小的数组,也就是动态数组。
1355 0
c# 设计模式之单例模式学习
c#的设计模式有很多种,当然也可以说语言的设计模式有很多种(23种),单例模式应该是其中最简单的一种,但是不要因为简单而小看他,否则最后后悔的肯定是你 单例模式包括懒汉模式(还有多线程下的锁定)、恶汉模式 下面写一下饿汉模式的实现原理:  public Class Singleton { ...
1006 0
《JavaScript设计模式》——1.10 可以链式添加吗
本节书摘来自异步社区《JavaScript设计模式》一书中的第1章,第1.10节,作者:张容铭著,更多章节内容可以访问云栖社区“异步社区”公众号查看
1002 0
javascript设计模式--接口
最近在看javascript设计模式的书籍《pro javascript design pattrens》,觉得很不错,可以提高自己对js oo的理解,也可能帮助自己更好的理解别人写的js library,提高自己js的水平。
792 0
《JavaScript设计模式》——1.8 方法还可以这样用
没错,但是你发现没,你调用了3个方法,但是你对对象a书写了3遍。这是可以避免的,那就要在你声明的每一个方法末尾处将当前对象返回,在JavaScript中this指向的就是当前对象,所以你可以将它返回。例如我们开始写的第一个对象还记得么?改动它很简单,像下面这样就可以。
1085 0
+关注
大江小浪
平心静气,破浪劈坚!
292
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载