给 Javascript 加上面向对象的属性：Class.js

原创于 2017-08-31 16:56:51 发布 · 324 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #面向对象 #函数

javascript 专栏收录该内容

84 篇文章

订阅专栏

本文介绍了如何使用JavaScript创建类，并实现类的构造方法和继承。首先展示了如何定义一个简单的类并使用它，接着介绍了带有构造函数的类实例化过程，最后演示了如何通过Extend函数来扩展已有的类。

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

创建一个类

One = {
    message:'',
    set:function(val){
        this.message = val;
    },
    get:function(){
        alert(this.message);
    }
};

使用创建的类

var e = new Class(One);
e.set('Hello, World!');
e.get();

构建函数

如果构建函数 construct() 存在，在实例化类的时候，就会被调用，构建函数也可以有参数。

One = {
    message:'',
    construct:function(val){
        this.set(val);
    },
    set:function(val){
        this.message = val;
    },
    get:function(){
        alert(this.message);
    }
};

用法：

var e = new Class(One,['Awesome!']);
e.get();

扩展类

通过 Extend() 函数可以扩展现有的类：

Two = Extend(One,{
    construct:function(val){
        this.set(val);
    }
});

用法：

var e = new Class(Two,['Quixotic!']);
e.get();