1. 程式人生 > >JavaScript中的自定義物件

JavaScript中的自定義物件

首先需要明確的一點:JavaScript中沒有類的概念,只要有函式就可以建立物件

1.使用無參函式建立物件

function Person(){}
var p = new Person(); // 建立一個Person物件
p.id = 12;
p.name = "張三";
p.print = function(){ // 定義一個方法
    document.write("id=" + this.id + " name=" + this.name);
}

document.write("id:" + p.id + "  姓名:" + p.name + "<br/>");
p.print();

輸出:

id:12 姓名:張三
id=12 name=張三

2.使用帶參函式定義物件

function Person(id,name){
    this.id = id;
    this.name = name;
    this.print = function(){
        document.write("id=" + this.id + " name=" +this.name);
    }
}

var p = new Person(12,"李四");
p.print();

結果:

id=12 name=李四

3.使用Object函式建立物件

Object()方法是JavaScript內建的一個方法,可以直接用它來建立物件:

var p = new Object();
p.id = 12;
p.name = "張三";
p.print = function(){
    document.write("id=" + this.id + " name=" +this.name);
}

document.write("id:" + p.id + "  姓名:" + p.name + "<br/>");
p.print();

執行結果:

id:12 姓名:張三
id=12 name=張三

4.使用字面量的方式建立物件

var p = {
    id:12,
    name:"王五",
    print:function
(){
document.write("id=" + this.id + " name=" +this.name); } } p.print();

執行結果:

id=12 name=王五