Javascript面向对象编程对象方法、属性的添加、删除

Javascript对象的属性、方法添加、删除

JavaScript中，在生成对象之后还可以为对象动态添加、修改和删除属性和方法，这与其它面向对象的语言是不同的。

1> 添加属性和方法

先创建一个对象，空对象创建后没有任何属性和方法，然而我们可以在代码中创建。

var obj1 = new Object();
    //添加属性
    obj1.ID = 1;
    obj1.Name = "johnson";

//添加方法
obj1.showMessage = function() {
alert("ID: " + this.ID + ", Name: " + this.Name);
}

2> 修改属性与方法

与添加属性和方法类似，例如接着上面的例子：

// 修改属性
obj1.ID = 2;
obj1.Name = "Amanda";

// 修改方法
obj1.showMessage = function() {
alert("ID: " + this.ID");
}

3> 删除属性与方法

直接将要删除的属性或方法赋值为undefined即可：

obj1.ID = 1;
obj1.Name = undefined;

obj1.showMessage = undefined;

创建无类型对象

类似于C#3.0里的Anonymous Types，JavaScript 也可以创建无类型的对象。形式如下：

var obj1 = {};
var obj2 = {
    ID: 1,
    Name: "Johnson",
    showMessage: function()
    {
        alert("ID: " + this.ID + "Name: " + this.Name);
    }
}

这里定义了两个无类型的对象，obj1和obj2。其中obj1是一个空对象。obj2包括两个属性ID, Name和一个方法showMessage。每个属性和方法用逗号分割。属性(方法)名和其值之间用分号分割。

用这种方式创建属性方法时，也可以用字符串定义属性方法的名字。如：

var obj2 =
{
"ID" : 1,
"Name": "Johnson"
}

6. prototype

每个函数对象都具有一个子对象prototype，因为函数也可以表示类，所以prototype表示一个类的成员的集合。当new 一个对象时，prototype对象的成员都会被实例化成对象的成员。先看一个例子：

function myClass()
{ }

myClass.prototype.ID = 1;
myClass.prototype.Name = "johnson";
myClass.prototype.showMessage = function() {
alert("ID: " + this.ID + "Name: " + this.Name);
}

var obj1 = new myClass();
obj1.showMessage(); 使用prototype对象创建类有一个好处。如果将所有的成员直接写在类的声明中，如下：

function myClass() {
    //添加属性
    this.ID = 1;
    this.Name = "johnson";

    //添加方法
    this.showMessage = function()
    {
        alert("ID: " + this.ID + ", Name: " + this.Name);
    }
}

var obj1 = new myClass();
var obj2 = new myClass();

在上面的代码中，定义了一个类myClass，在类中直接定义了两个属性和一个方法。然后实例化了两个对象，这里的两个属性和一个方法，每创建一次myClass对象都会被创建一次，浪费了内存空间。而用prototype以后就可以解决这个问题，每new一个函数时，其prototype对象的成员都会自动赋给这个对象，当new多个对象时不会重复创建。

由于prototype的初始化发生在函数体执行之前，用以下代码可以证明：

function myClass() {
    //此处相当于构造函数
    this.ID = 1;
    this.Name1 = this.Name;
    this.showMessage();
}
myClass.prototype.Name = "johnson";
myClass.prototype.showMessage = function() {
    alert("ID: " + this.ID + ", Name: " + this.Name);
}

var obj1 = new myClass();

执行以上代码可以发现当new这个类型的对象时，即弹出了对话框。

最后只得一提的是，prototype有一个方法，在面向对象的设计中用得到。即：constructor属性，是对构造函数的调用，这里的构造函数即上文提到的类的声明里的代码。如：

function myClass() {
//此处相当于构造函数
alert("this is in constructor");
}
myClass.prototype.constructor();

var obj1 = new myClass();

执行以上代码你会发现对话框弹出了两次。由此可见，prototype可专门用于设计类的成员，实际上在JavaScript面向对象的设计中，很多时候都会用到prototype。

转载请注明本文标题和链接：《Javascript面向对象编程对象方法、属性的添加、删除》