肉渣教程

JS 自定义对象

上一节 下一节

之前用的都是JavaScript内置的数据类型,如果要自定义构建JavaScript对象呢?本节不打算深入介绍这些,本节会用比较简单浅显的例子来展示一下如何自定义构建JS对象

但若是想要学习JavaScript来做H5游戏的话,则须在学完本章后,从别处来继续深入学习JavaScript对象构建的高级教程。

一个简单的例子

首先,来自定义一个对象构造器(Object Constructor)。对象构造器函数的名字首字母并不强制大写,但是一般都会大写,特指这是一个对象构造器,请养成这个良好的习惯

// 对象构造器
// name 帮派名称
// slogan 帮派口号
// money 帮派金币数量
function Gang( name, slogan, money ) {
    this.gangName = name;
    this.slogan = slogan;
    this.money = money;
}


使用上述构造器来创建对象:

var gang1 = new Gang( "天地会", "反清复明", 1000 );
var gang2 = new Gang( "义和团", "扶清灭洋", 0 );

运行一下


上述创建的Object对象,可直接对其设置新的属性(运行一下,也可以对其已存在的属性进行修改(运行一下


在构造器内添加方法

如下所示,构造器内不仅能构造属性,还可以在构造器内添加具体的方法:

// 对象构造器
// name 帮派名称
// slogan 帮派口号
// money 帮派金币数量
function Gang( name, slogan, money ) {
    this.gangName = name;
    this.slogan = slogan;
    this.money = money;
    this.show_money = function() { 
        return this.gangName + "现存金币数量为" + this.money;              
    }
    this.rob = function(x) {
        // 帮派进行抢劫得到x个金币
        this.money += x;
    }
}


创建对象后,调用方法:

var gang1 = new Gang( "天地会", "反清复明", 1000 );
var gang2 = new Gang( "义和团", "扶清灭洋", 0 );

gang1.rob( 10 );
gang2.rob( 3000 );

运行一下


本节只是简单介绍,后期如有需求,可再深入学习此方面的高级教程。


JS 自定义对象

上一节 下一节