JavaScript中的自定義物件
阿新 • • 發佈:2018-12-25
首先需要明確的一點: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=王五