本篇文章帶給大家的內容是關於javascript中自訂物件有幾種方式？ js常用的五種自訂物件方式的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
物件：在JavaScript中，物件是擁有屬性和方法的資料。
JavaScript自訂物件方式有以下7種：直接建立方式、物件初始化器方式、建構函式方法、prototype原型方式、混合的建構函式/原型方式、動態原型方式和工廠模式。前5種比較常用。
1. 直接建立方式：
建立語法：
var 对象变量名 = new Object();
对象变量名. property1 = value1;
…;
对象变量名. propertyN = valueN;
对象变量名. methodName1 = function([参数列表]){
//函数体
}
…;
对象变量名. methodNameN = function([参数列表]){
//函数体
} //1.直接先创建空对象，然后不断丰富
var student = new Object();
student.name = "小王";
student.age = 20;
student.doHomework=function(){
console.log(this.name+"正在学习......");
}
student.doHomework();2. 物件初始化器方式：
建立語法：
var 对象变量名 = {
property1 : value1,
property2 : value2,
…,
propertyN : valueN,
methodName1 : function([参数列表]){
//函数体
},
…,
methodNameN : function([参数列表]){
//函数体
}
} //2.初始化器：定义对象变量方法
var volunteer = {
name : "小王",
age : 20,
getName : function(){
//this不能省略
return this.name;
},
doHomework : function(name){
console.log(name+"正在学习");
}
}//该定义方法中{}里面用,隔开
console.log(volunteer.name+":"+volunteer.age);
volunteer.doHomework(xiaoming);//调用方法3. prototype原型方式：
在宣告一個新的函數後，該函數（在JavaScript中，函數也是物件）就會擁有一個prototype的屬性，透過該屬性可以為物件新增新的屬性和方法。
建立語法：
function 对象构造器( ){
}
对象构造器.prototype.属性名=属性值;
对象构造器.prototype.函数名 = function([参数列表]){
//函数体
} //3.prototype原型式
function Boy(){
}
Boy.prototype.age=12;
Boy.prototype.name="小明";
Boy.prototype.introduction=function(){
console.log(this.name+"的年龄为"+this.age);
}
var boy=new Boy();//创建对象
boy.introduction();4. 建構函數方式：
#建立語法：
function 构造函数([参数列表]){
this.属性 = 属性值;
…
this.属性N = 属性值N;
this.函数1 = method1;
…
this.函数N = methodN;
}
function method1([参数列表]){
//函数体
}
…
function methodN([参数列表]){
//函数体
}或
##
function 构造函数([参数列表]){
this.属性 = 属性值;
…
this.属性N = 属性值N;
this.函数1 = function([参数列表]){
//函数体
} ;
…
this.函数N = function([参数列表]){
//函数体
} ;
} //4.构造函数式
function Girl(age){
this.name="小红";
this.age= age;
this.introduction=function(){
console.log(this.name+"的年龄为"+this.age);
}
}
var girl= new Girl(8);
girl.introduction();function 对象构造器([参数列表]){
}
对象构造器.prototype.函数名 = function([参数列表]){
//函数体
} function Kid(name,age){
this.name=name;
this.age= age;
}
Kid.prototype.introduction=function(){
console.log(this.name+"的年纪为"+this.age);
}
var kid1=new Kid("小明",12);
kid1.introduction();
var kid2=new Kid("小王",12);
kid2.introduction();以上是javascript中自訂物件有幾種方式？ js中常用的五種自訂物件方式的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
