JavaScript 演练(5). 模拟类

最新推荐文章于 2025-05-13 10:02:35 发布

weixin_30339457

最新推荐文章于 2025-05-13 10:02:35 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/del/archive/2012/03/15/2398395.html

本文介绍了JavaScript中创建和使用对象的几种方式，包括直接实例化空对象并添加属性与方法、通过函数返回对象以及模拟类的方式创建对象。此外还展示了如何为类添加额外的属性和方法。

/* 给一个实例化后的空对象添加属性、方法 */
obj = {};
obj.Name = "张三";
obj.Age = 33;
obj.ShowInfo = function () { alert(obj.Name + ", " + obj.Age); }

obj.ShowInfo(); //张三, 33


/* 用函数建立并返回对象 */
function GetObj(name, age) {
    return {
        Name: name,
        Age: age,
        ShowInfo: function () { alert(this.Name + ", " + this.Age); }
    }
}

GetObj("张三", 33).ShowInfo(); //张三, 33


/* 模拟类 */
function MyClass(name, age) {
    this.Name = name;                                  //属性
    this.Age = age;                                    //属性
    this.ShowName = function () { alert(this.Name); }; //方法
}

obj1 = new MyClass("张三", 33); //实例化
obj1.ShowName(); //张三

//补加的属性与方法
MyClass.prototype.ClassName = "MyClass"; 
MyClass.prototype.ShowInfo = function () { alert(this.ClassName + ", " + this.Name + ", " + this.Age); }

obj1.ShowInfo(); //MyClass, 张三, 33

obj2 = new MyClass("李四", 44); //实例化
obj2.ShowInfo(); //MyClass, 李四, 44

转载于:https://www.cnblogs.com/del/archive/2012/03/15/2398395.html