JavaScript自定义对象-技术开发专区

JavaScript自定义对象

作者：ITPUB论坛编辑： nancy 2008-04-25 00:00

【IT168技术文档】

在javascript中自定义一个对象是通过function来定义的，如下（定义一个person)示例：

function person(name, sex, contact){
this.name = name || "Known"  //"||"后面是默认值
     this.sex = sex || "male"
this.contact = contact
this.show = function(){
var r = "<p>name:" + this.name + "</p>"
r += "<p>sex:" + this.sex + "</p>"
document.write(r)
}
}

创建对象方法：

        var p = new person("Christina", "female")
p.show()

如果你觉得还应该加上联系方式，那么在定义一个contact:

function contact(mobile, address){
this.mobile = mobile
this.address = address
}

同时还要修改一下person，如上黄色背景部分。这样，创建方法如下：

        var c = new contact("123456789")
var p = new person("Christina", "female", c)
var m = p.contact.mobile

创建多个类似的对象，这个方法有效，当对于单个对象时，下面的方法更有效：

var o = new Object()
0.name = "Known"
o.sex = "male"
//还有一种定义方式，就是在一对花括号内设置属性名和值
var o = {name:"Known",sex:"male"}

增加原型，有点面向对象的味道，其实js是基于对象而不是面向对象的。

person.prototype.age = 25    //即为person原型添加了一个新属性age，任何已经创建或将要创建的person对象自动继承新的age属性和值

关注我们