Javascript中两种最通用的定义类的方法(转滴)

最新推荐文章于 2024-08-12 09:24:46 发布

ex_hy

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量257

点赞数

本文链接：https://blog.csdn.net/ex_hy/article/details/6497001

版权

Posted 周六, 01/09/2010 - 13:49 by admin

在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();

 
   25. 
   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();