使用ES5实现私有非单例属性

单例私有属性

咱直接来看代码:

var Person = (function() {
    var _age_ = 0;

    function PersonConstructor() {}

    PersonConstructor.prototype.setAge = function(age) {_age_ = age;}

    PersonConstructor.prototype.getAge = function() {return _age_;}

    return PersonConstructor;
})();

var p1 = new Person();
var p2 = new Person();

//测试结果
console.log(p1.age); // undefined
console.log(p2.age); // undefined

console.log(p1.getAge()); // 0
console.log(p2.getAge()); // 0

p1.setAge(12); // 通过p1设置age

console.log(p1.getAge()); // 12
console.log(p2.getAge()); // 12

从结果中看,可以看出,属性age无法通过对象名.age进行访问,只能通过setAge()getAge()进行获取,这就是实现了 私有化属性 的定义;同时也可以看出,p1p2同时共享age属性,这便是 单例 的。


非单例私有属性

这里的实现主要包括以下几项内容:

  1. 私有化属性
  2. 非单例,即每个实例拥有独立的私有化属性
  3. 同源,即每个示例拥有相同的构造函数和原型,并且setget方法只定义一次

虽然说起来比较复杂,但是如果换个思路的话,其实很是简单,就在上述示例中进行修改,代码如下所示:

var Person = (function() {
    var _ages_ = {};

    function PersonConstructor() {
        this.id = new Date().getTime() + Math.floor(Math.random() * 1000); //此处只是测试使用ID,实际生产环境为了避免id重复,可以使用uuid作为唯一标识
    }

    PersonConstructor.prototype.setAge = function(age) {
        _ages_[this.id] = age;
    }

    PersonConstructor.prototype.getAge = function(age) {
        return _ages_[this.id] || 0;
    }

    return PersonConstructor;
})();

var p1 = new Person();
var p2 = new Person();

//测试结果
console.log(p1.age); // undefined
console.log(p2.age); // undefined

console.log(p1.getAge()); // 0
console.log(p2.getAge()); // 0

p1.setAge(12); // 通过p1设置age
p1.setAge(13); // 通过p2设置age

console.log(p1.getAge()); // 12
console.log(p2.getAge()); // 13

console.log(p1.__proto__ === p2.__proto__); //true
console.log(p1.constructor === p2.constructor); //true
console.log(p1.getAge === p2.getAge); //true
console.log(p1.setAge === p2.setAge); //true

实现原理:实现原理很是简单,只是将单例情况下的_age_变为对象_ages_,并且在每个对象创建时分配一个唯一标识id,在对age属性操作时,实际是对_ages_对象中对应id的属性进行操作,便可满足要求。

可能存在问题

在本例中使用了javascript闭包 的概念,因此便会涉及到 垃圾回收机制 的问题,此处暂未做测试,若有兴趣的读者可自行进行试验,在所有实例都已销毁的情况下,对象_ages_的存在情况。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值