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

 更新时间:2013年12月04日 09:06:16   作者:  
这篇文章主要介绍了如何在JavaScript中实现私有属性的写类方式。需要的朋友可以过来参考下,希望对大家有所帮助

上一篇写了个工具函数$class,这篇再完善以下。实现以下功能

1,继承

2,子类继承父类时,不继承父类的私有属性

复制代码 代码如下:

/**
 * @param {String} className
 * @param {String/Function} superCls
 * @param {Function} classImp
 */
function $class(className, superCls, classImp){
    if(superCls === '') superCls = Object;
    function clazz(){
        if(typeof this.init == "function"){
            this.init.apply(this, arguments);
        }
    }
    var p = clazz.prototype = new superCls();
    var _super = superCls.prototype;
    window[className] = clazz;
    classImp.apply(p, [_super]);
}

先写个父类
复制代码 代码如下:

/**
 * 父类 Person
 */
$class('Person','',function(){
    // 私有属性age
    var age;
    this.init = function(n, a){
        // 公有属性name
        this.name = n;
        // 私有属性初始化
        age = a;
    };
    this.getName = function(){
        return this.name;
    };
    this.setName = function(name){
        this.name = name;
    }
    this.getAge = function(){
        return age;
    };
    this.setAge = function(a){
        age = a;
    };
});

写子类,继承于Person
复制代码 代码如下:

$class("Man",Person, function(supr){
    var school;
    this.init = function(n, a, s){
        supr.init.apply(this, [n,a]);
        school = s;
    }
    this.getSchool = function(){
        return school;
    };
    this.setSchool = function(s){
        school = s;
    };
});

new一个子类实例
复制代码 代码如下:

var m = new Man('tom', 25, 'pku');
console.log(m.name); // tom 继承父类的共有属性name可以直接使用点操作符获取
console.log(m.age);  // undefined 父类的私有属性age不能直接使用点操作符获取
console.log(m.getAge()); // 25 可通过父类的共有方法getAge获取私有属性age
console.log(m.school); // undefined Man自己的私有属性仍然不能通过点操作符获取
console.log(m.getSchool()); // pku 通过getSchool()方法获取私有属性school

您可能感兴趣的文章:

相关文章

  • 深入理解JavaScript系列(31):设计模式之代理模式详解

    深入理解JavaScript系列(31):设计模式之代理模式详解

    这篇文章主要介绍了深入理解JavaScript系列(31):设计模式之代理模式详解,代理模式使得代理对象控制具体对象的引用,代理几乎可以是任何对象:文件,资源,内存中的对象,或者是一些难以复制的东西,需要的朋友可以参考下
    2015-03-03
  • 微信小程序基于Taro的分享图片功能实践详解

    微信小程序基于Taro的分享图片功能实践详解

    这篇文章主要介绍了微信小程序基于Taro的分享图片功能实践详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • Javascript的动态增加类的实现方法

    Javascript的动态增加类的实现方法

    下面小编就为大家带来一篇Javascript的动态增加类的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JavaScript 七大技巧(一)

    JavaScript 七大技巧(一)

    JavaScript是一门非常流行的编程语言,许多开发者都会把JavaScript选为入门语言,本文给大家分享javascript七大技巧(一),对javascript技巧相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • 详解JavaScript中Arguments对象用途

    详解JavaScript中Arguments对象用途

    本文主要介绍了详解JavaScript中Arguments对象用途,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • echarts同一页面中四个图表切换的js数据交互方法示例

    echarts同一页面中四个图表切换的js数据交互方法示例

    这篇文章主要给大家介绍了关于echarts同一页面中四个图表切换的js数据交互的相关资料,文中给出了完整的示例代码供大家参考学习,对大家的学习或者工作具有一定的帮助,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • JS实现数组按升序及降序排列的方法

    JS实现数组按升序及降序排列的方法

    这篇文章主要介绍了JS实现数组按升序及降序排列的方法,涉及javascript针对数组的简单排序操作相关实现技巧,需要的朋友可以参考下
    2017-04-04
  • javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)

    javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)

    javascript简单拖拽,简单拖拽实现
    2012-05-05
  • Javascript实现数组中的元素上下移动

    Javascript实现数组中的元素上下移动

    这篇文章主要给大家介绍了Javascript实现数组中的元素上下移动的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • 深入详解JS函数的柯里化

    深入详解JS函数的柯里化

    JavaScript作为一种弱类型语言,它的隐式转换是非常灵活有趣的。当我们没有深入了解隐式转换的时候可能会对一些运算的结果会感动困惑,比如4 + true = 5。当然,如果对隐式转换了解足够深刻,能够提高对js的使用能力。这里分享一下,函数在隐式转换中的一些规则
    2021-06-06

最新评论