源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

如何在JavaScript中实现私有属性的写类方式(一)

  • 时间:2021-12-30 17:24 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:如何在JavaScript中实现私有属性的写类方式(一)
之前讨论过JavaScript中的写类方式。但没有讨论私有的实现。这篇看下。 我们知道JS中私有属性的实现本质就是 var + closure。如下
[u]复制代码[/u] 代码如下:
function Person(n, a){     // public     this.name = n;     // private     var age = a;     this.getName = function(){         return this.name;     }     this.getAge = function(){         return age;     } }
测试如下,age是私有的,使用点操作符无法获取到,而只能使用getName方法。
[u]复制代码[/u] 代码如下:
var p = new Person('jack',23); console.log(p.age);  // undefined console.log(p.getAge()); // 23
以上没什么稀奇的,下面我们使用一个工具函数来实现。 
[u]复制代码[/u] 代码如下:
/**  * @param {String} className  * @param {Function} classImp  */ function $class(className, classImp){     function clazz(){         if(typeof this.init == "function"){             this.init.apply(this, arguments);         }     }     classImp.call(clazz.prototype);     window[className] = clazz; }
写一个类
[u]复制代码[/u] 代码如下:
$class('Person', function(){     // 私有属性都定义在这     var age = '';     this.init = function(n, a){         // 共有属性挂在this上,初始化         this.name = n;         // 私有属性初始化         age = a;     };     this.getName = function(){         return this.name;     };     this.getAge = function(){         return age;     } });
new一个实例对象
[u]复制代码[/u] 代码如下:
var p = new Person('jack',23); console.log(p.name); // jack 共有的可使用点操作符获取 console.log(p.age); // undefined 私有的不能通过点操作符获取 console.log(p.getAge()); // 23 私有的age只能通过共有的方法getAge获取
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部