码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 私有属性的实现和模块化创建对象

时间:2015-06-03 13:12:49      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

参考javascript模式

1)javascript私有属性的实现

当我们以通常的写法来写一个构造函数的时候,这个构造函数的所有方法和属性都是共有的(对外界可见的) 

     function Person() {

            this.name = "haha";
            this.sayName = function() {
                return this.name;
            }
        }

        var a = new Person();
        console.log(a.sayName());//haha
        console.log(a.name);//haha

在这里Person的构造函数中有一个name属性和sayName方法 通过生成的对象的sayName方法可以访问name属性 通过对象也可以直接访问属性 这样当我们需要保证name属性值的固定的时候就会出现问题

     a.name = "dada";
        console.log(a.name);

可以通过闭包来实现私有属性 将局部变量(函数)通过闭包进行返回,外界只能通过闭包才能对这个变量(属性)的访问,这个变量(属性)对外界并不是可见的

        function Person() {
            var name = "haha";
            return {
                sayName: function() {
                    return name;
                }
            };
        }
        var a = new Person();
        console.log(a.sayName());//haha
        console.log(a.name);//undefined      

上面是通过构造函数来实现私有属性的

2)模块化创建对象

模块化的创建对象可以使我们所创建的对象存在相应的命名空间中(相当于包,减少代码间的耦合)

    var MySpace = MySpace || {}; 
        MySpace.namespace = function(ns_string) {
            var parts = ns_string.split(‘.‘),
                parent = MySpace,
                i;
            if(parts[0] === "MySpace") {
                parts = parts.slice(1);
            }

            for(i = 0;i < parts.length; i += 1) {
                if(typeof parent[parts[i]] === "undefined") {
                    parent[parts[i]] = {};//不存在就添加
                }
                parent = parent[parts[i]];
            }
            return parent;
        };

        MySpace.namespace(‘MySpace.modules.person‘);

上面是创建命名空间的一个通用的函数,是逐渐的形成一个层级结构的一个过程,对象的模块化创建就是使生成的对象位于相应的层级中

    MySpace.namespace(‘MySpace.modules.person‘);//创建模块MySpace.modules.peroson

        MySpace.modules.person = (function(){

            //在顶部声明依赖
            var Constr,
                name = "aaa";//声明私有属性和方法
            
            function getName() {
                return name;
            }//私有方法
            Constr = function() {
                this.sayName = getName
            }//提供给外界的构造函数

            return Constr;//

        }());
 
        var a = new MySpace.modules.person();
        console.log(a.sayName())//aaa

 刚对命名空间和模块化的概念有点迷糊  

命名空间能更好的分割变量 防止全局变量的污染

模块化更倾向与代码的一种组织结构,将代码包装在一个包里 可以在其他的代码中引入相应的模块 提供了更好的复用 

 

javascript 私有属性的实现和模块化创建对象

标签:

原文地址:http://www.cnblogs.com/tiantianwaigong/p/4548762.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!