javascript定义类和实例化类

柚子喝酸奶

柚子喝酸奶

2016-02-19 21:27

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的javascript定义类和实例化类,手机电脑控们准备好了吗?一起看过来吧!

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

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

  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');

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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');

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

展开更多 50%)
分享

猜你喜欢

javascript定义类和实例化类

Web开发
javascript定义类和实例化类

关于Javascript构造函数,类初始化实例

Web开发
关于Javascript构造函数,类初始化实例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript中类的定义、继承

Web开发
JavaScript中类的定义、继承

C++的类和类的定义

编程语言 网络编程
C++的类和类的定义

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript类

Web开发
JavaScript类

获取JavaScript用户自定义类的类名称的代码

Web开发
获取JavaScript用户自定义类的类名称的代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

学习Dreamweaver8了解掌握CSS层叠样式表

学习Dreamweaver8了解掌握CSS层叠样式表

Access 2000教程:14.10 补充六:设置数据系列格式

Access 2000教程:14.10 补充六:设置数据系列格式
下拉加载更多内容 ↓