脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript 属性

如何在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

您可能感兴趣的文章:

相关文章

  • js实现下拉框效果（select）

    js实现下拉框效果（select）

    本文主要介绍了js实现下拉框效果的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • javascript KeyDown、KeyPress和KeyUp事件的区别与联系

    javascript KeyDown、KeyPress和KeyUp事件的区别与联系

    KeyDown、KeyPress和KeyUp事件的区别与联系,以后就可以根据需求来选择使用。
    2009-12-12
  • javascript基本常用排序算法解析

    javascript基本常用排序算法解析

    这篇文章主要为大家详细介绍了javascript基本常用排序算法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 在TypeScript项目中搭配Axios封装后端接口调用

    在TypeScript项目中搭配Axios封装后端接口调用

    这篇文章主要介绍了在TypeScript项目中搭配Axios封装后端接口调用,本文记录一下在 TypeScript 项目里封装 axios 的过程，之前在开发 StarBlog-Admin 的时候已经做了一次封装，不过那时是JavaScript跟TypeScript还是有些区别的，需要的朋友可以参考下
    2024-01-01
  • JavaScript中跨域调用Flash的方法

    JavaScript中跨域调用Flash的方法

    这篇文章主要介绍了JavaScript中跨域调用Flash的方法,只需要在Flash中加一句话即可,需要的朋友可以参考下
    2014-08-08
  • 详解JavaScript如何避免内存泄漏

    详解JavaScript如何避免内存泄漏

    这篇文章主要为大家详细介绍了JavaScript内存泄漏的编程模式,并提供一些内存管理的改进方法,文中的示例代码讲解详细,有需要的小伙伴可以参考一下
    2023-10-10
  • uni-app动态修改导航栏标题简单步骤

    uni-app动态修改导航栏标题简单步骤

    uniapp作为一款开源软件,可以做到一端多用,不过也有局限,在开发中有时候需要动态的去修改标题,下面这篇文章主要给大家介绍了关于uni-app动态修改导航栏标题的相关资料,需要的朋友可以参考下
    2023-06-06
  • javascript实现随时变化着的背景颜色

    javascript实现随时变化着的背景颜色

    这篇文章主要介绍了javascript实现随时变化着的背景颜色的方法，非常的简单实用，有需要的小伙伴可以直接拿走。
    2015-04-04
  • 移动端界面的适配

    移动端界面的适配

    本文主要介绍了移动端页面适配相关知识，用于解决在所有手机上看到字体的大小都一样问题。下面跟着小编一起来看下吧
    2017-01-01
  • 微信小程序里引入SVG矢量图标的方法

    微信小程序里引入SVG矢量图标的方法

    这篇文章主要介绍了微信小程序里引入SVG矢量图标的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09

最新评论