《基于MVC的JavaScript Web富应用开发》读书笔记一：MVC和类

最新推荐文章于 2025-08-08 20:09:15 发布

メイ

最新推荐文章于 2025-08-08 20:09:15 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

文章标签：测试 javascript ViewUI

原文链接：http://www.cnblogs.com/dkwlxq/archive/2013/05/08/3066470.html

本文介绍了一种使用JavaScript实现类创建及继承的方法，通过构造函数和原型链的方式定义类，并展示了如何为类添加静态属性与实例方法。同时，通过一个具体的Person类实例演示了属性检查与输出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Create Class：

var Class = function(parent){
    var klass = function(){
        this.init.apply(this, arguments);
    };

    if(parent) {
        var subclass = function(){};
        subclass.prototype = parent.prototype;
        klass.prototype = new subclass;
    }

    klass.prototype.init = function(){};
    klass.fn = klass.prototype;
    klass.fn.parent = klass;

    klass.proxy = function(func){
        var self = this;
        return (function(){
            func.apply(self, arguments);
        });
    };

    klass.fn.proxy = klass.proxy;

    klass.extend = function(obj){
        var extended = obj.extended;
        for(var i in obj){
            klass[i] = obj[i];
        }
        if (extended) extended(klass)
    };

    klass.include = function(obj){
        var included = obj.included;
        for(var i in obj){
            klass.fn[i] = obj[i];
        }
        if (included) included(klass)
    };

    return klass;
};

Demo:

var Person = new Class;
Person.include({
    init: function(name, age){
        this.name = name;
        this.age = Person.checkAge(age) ? age : null;
    },
    sayHello: function(){
        console.log("Hi , My name is " + this.name + (this.age ? ", i am " + this.age + " years old this year" : ""));
    }
});

Person.extend({
    needWater: true,
    checkAge: function(age){
        return age>0 && age < 150;
    }
});

var jim = new Person("Jim", 10);
jim.sayHello();
//output:Hi , My name is Jim, i am 10 years old this year

var tom = new Person("Tom", -1);
tom.sayHello();
//output:Hi , My name is Tom