/* 第一種定義類(lèi)的方法 */
var cls = new Object();
cls.name = "wyf";
cls.showName = function(){
console.log(this.name);
}
cls.showName();

/* 第二種定義類(lèi)的方式 */
function MyCls(){
var instance = new Object();
instance.name = "wyf";
instance.showName = function(){
console.log(this.name);
}
return instance;
}
var cls = new MyCls();
cls.showName();

/* 第三種定義類(lèi)的方式，構(gòu)造函數(shù)方式 */
function Cls(name){
this.name = name;
this.showName = function(){
console.log(this.name);
}
}
var cls = new Cls("wyf");
cls.showName();
var cls1 = new Cls("zz");
cls1.showName();
//此種方式和前兩種方式有共同的缺點(diǎn)就是 每個(gè)對(duì)象都會(huì)生成showName方法，造成了內(nèi)存的浪費(fèi) 。

/* 第四種定義類(lèi)的方法，原型方法 */
function Cls(){}
Cls.prototype.name = "wyf";
Cls.prototype.showName = function(){
console.log(this.name);
}
var cls = new Cls();
cls.showName();
//此種方法的缺點(diǎn)是，每個(gè)對(duì)象都指向了內(nèi)存中同一個(gè)屬性的地址，修改一個(gè)對(duì)象的屬性值，其它對(duì)象的同一個(gè)屬性的屬性值都會(huì)變化。

/* 第五種創(chuàng)建類(lèi)的方法：結(jié)合構(gòu)造函數(shù)和原型方法 */
function Cls(name){
this.name = name;
}
Cls.prototype.showName = function(){
console.log(this.name);
}

var cls = new Cls("wyf");
cls.showName();
var cls1 = new Cls("zz");
cls1.showName();
cls.name = "dd";
cls.showName();
cls1.showName();

/* 第六種創(chuàng)建類(lèi)的方法：Object.create() */
var Cls = {
name:"wyf",
showName:function(){
console.log(this.name);
}
};

var cls = Object.create(Cls);
cls.showName();

var cls1 = Object.create(Cls);
cls1.name = "test";
cls1.showName();

cls.name = "aa";
cls.showName();
cls1.showName();
//此種方法不能實(shí)現(xiàn)私有屬性和私有方法，實(shí)例對(duì)象之間也不能共享數(shù)據(jù)，對(duì)"類(lèi)"的模擬不夠全面。

/* 第七種創(chuàng)建類(lèi)的方法：極簡(jiǎn)主義法 */
var Cls = {
age:20,//共有屬性
createInstance:function(){
var cls = {};
var i = 0;//私有方法
cls.name = "wyf";
cls.showName = function(){
console.log(this.name + " " + i);
}
return cls;
}
}

var cls = Cls.createInstance();
cls.showName();
var cls1 = Cls.createInstance();
cls1.showName();
cls.name = "dd";
cls.showName();
cls1.showName();
//此種方式容易理解，結(jié)構(gòu)清晰。其實(shí)此種方式和第二種方式一樣。在每個(gè)對(duì)象內(nèi)部都生成了一個(gè)showName方法。

轉(zhuǎn)載于:https://www.cnblogs.com/wyf-gis/p/4551719.html

總結(jié)

以上是生活随笔為你收集整理的Javascript创建类的七种方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。