Javascript中两种最通用的定义类的方法

2008年9月2日 11:02:28 发布:yaosansi

本站大部分内容从网上收集,收集目的仅供研究、学习。涉及版权或不希望收录您的文章请您及时与我联系。
本站IM群，请自行选择。请各位朋友按照自己喜好加入。加入群后请及时发言，防止被清理。谢谢您的合作！！！
QQ群:Y①WEB开发(ASP.NET）号码:7351660 QQ群:Y②WEB开发(ASP+.NET）号码:11864905
QQ群:Y③WEB开发(DIV+CSS）号码:16610506 QQ群:Y④WEB开发(JS+AJAX）号码:16143998
QQ群:Y⑤WEB开发(新手）号码:12777715 MSN群:yaosansi[at]126.com

原文:http://www.cnblogs.com/coolstr/archive/2008/09/01/1281340.html

在Javascript中，一切都是对象，包括函数。在Javascript中并没有真正的类，不能像C#,PHP等语言中用 class xxx来定义。但Javascript中提供了一种折中的方案：把对象定义描述为对象的配方（先看一下例子会比较容易理解）。

定义类的方法有很多种，这里有两中较为通用的方法，大家参考一下。

这两种方法均可以解决构造函数会重复生成函数，为每个对象都创建独立版本的函数的问题。

解决了重复初始化函数和函数共享的问题。

1、混合的构造函数/原型方式

//混合的构造函数/原型方式
//创建对象
function Card(sID,ourName){
    this.ID = sID;
    this.OurName = ourName;
    this.Balance = 0;
}

Card.prototype.SaveMoney = function(money){
    this.Balance += money;
};

Card.prototype.ShowBalance = function(){
    alert(this.Balance);
};

//使用对象
var cardAA = new Card(1000,'james');
var cardBB = new Card(1001,'sun');

cardAA.SaveMoney(30);
cardBB.SaveMoney(80);

cardAA.ShowBalance();
cardBB.ShowBalance();

2、动态原型方法

//动态原型方法
//创建对象
function Card(sID,ourName){
    this.ID = sID;
    this.OurName = ourName;
    this.Balance = 0;
    if(typeof Card._initialized == "undefined"){
        Card.prototype.SaveMoney = function(money){
            this.Balance += money;
        };

        Card.prototype.ShowBalance = function(){
            alert(this.Balance);
        };
        Card._initialized = true;
    }
}

//使用对象
var cardAA = new Card(1000,'james');
var cardBB = new Card(1001,'sun');

cardAA.SaveMoney(30);
cardBB.SaveMoney(80);

cardAA.ShowBalance();

导航

yaosansi's Blog

当你背向太阳的时候，你只会看到自己的阴影！能力是有限的，努力无限的！