如何在JavaScript中實現私人屬性的寫類方式(二)_javascript技巧

來源:互聯網
上載者:User

上一篇寫了個工具函數$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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.