JS創(chuàng)建對象的方法有哪些

這篇文章將為大家詳細(xì)講解有關(guān)JS創(chuàng)建對象的方法有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比潛江網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式潛江網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋潛江地區(qū)。費(fèi)用合理售后完善，10多年實體公司更值得信賴。

第一種：Object構(gòu)造函數(shù)創(chuàng)建

var Person = new Object();
Person.name = 'Nike';
Person.age = 29;

這行代碼創(chuàng)建了Object引用類型的一個新實例，然后把實例保存在變量Person中。

第二種：使用對象字面量表示法

var Person = {};//相當(dāng)于var Person = new Object();
var Person = {
 name:'Nike';
 age:29;  
}

對象字面量是對象定義的一種簡寫形式，目的在于簡化創(chuàng)建包含大量屬性的對象的過程。也就是說，第一種和第二種方式創(chuàng)建對象的方法其實都是一樣的，只是寫法上的區(qū)別不同

在介紹第三種的創(chuàng)建方法之前，我們應(yīng)該要明白為什么還要用別的方法來創(chuàng)建對象，也就是第一種，第二種方法的缺點(diǎn)所在：它們都是用了同一個接口創(chuàng)建很多對象，會產(chǎn)生大量的重復(fù)代碼，就是如果你有100個對象，那你要輸入100次很多相同的代碼。那我們有什么方法來避免過多的重復(fù)代碼呢，就是把創(chuàng)建對象的過程封裝在函數(shù)體內(nèi)，通過函數(shù)的調(diào)用直接生成對象。

第三種：使用工廠模式創(chuàng)建對象

function createPerson(name,age,job){
 var o = new Object();
 o.name = name;
 o.age = age;
 o.job = job;
 o.sayName = function(){
  alert(this.name); 
 };
 return o; 
}
var person1 = createPerson('Nike',29,'teacher');
var person2 = createPerson('Arvin',20,'student');

在使用工廠模式創(chuàng)建對象的時候，我們都可以注意到，在createPerson函數(shù)中，返回的是一個對象。那么我們就無法判斷返回的對象究竟是一個什么樣的類型。于是就出現(xiàn)了第四種創(chuàng)建對象的模式。

第四種:使用構(gòu)造函數(shù)創(chuàng)建對象

function Person(name,age,job){
 this.name = name;
 this.age = age;
 this.job = job;
 this.sayName = function(){
 alert(this.name);
 }; 
}
var person1 = new Person('Nike',29,'teacher');
var person2 = new Person('Arvin',20,'student');

對比工廠模式，我們可以發(fā)現(xiàn)以下區(qū)別：

1.沒有顯示地創(chuàng)建對象

2.直接將屬性和方法賦給了this對象

3.沒有return語句

4.終于可以識別的對象的類型。對于檢測對象類型，我們應(yīng)該使用instanceof操作符，我們來進(jìn)行自主檢測：

alert(person1 instanceof Object);//ture
alert(person1 instanceof Person);//ture
alert(person2 instanceof Object);//ture
alert(person2 instanceof Object);//ture

同時我們也應(yīng)該明白，按照慣例，構(gòu)造函數(shù)始終要應(yīng)該以一個大寫字母開頭，而非構(gòu)造函數(shù)則應(yīng)該以一個小寫字母開頭。

那么構(gòu)造函數(shù)確實挺好用的，但是它也有它的缺點(diǎn)：

就是每個方法都要在每個實例上重新創(chuàng)建一遍，方法指的就是我們在對象里面定義的函數(shù)。如果方法的數(shù)量很多，就會占用很多不必要的內(nèi)存。于是出現(xiàn)了第五種創(chuàng)建對象的方法

第五種：原型創(chuàng)建對象模式

function Person(){}
Person.prototype.name = 'Nike';
Person.prototype.age = 20;
Person.prototype.jbo = 'teacher';
Person.prototype.sayName = function(){
 alert(this.name);
};
var person1 = new Person();
person1.sayName();

使用原型創(chuàng)建對象的方式，可以讓所有對象實例共享它所包含的屬性和方法。

如果是使用原型創(chuàng)建對象模式，請看下面代碼：

function Person(){}
Person.prototype.name = 'Nike';
Person.prototype.age = 20;
Person.prototype.jbo = 'teacher';
Person.prototype.sayName = function(){
 alert(this.name);
};
var person1 = new Person();
var person2 = new Person();
person1.name ='Greg';
alert(person1.name); //'Greg' --來自實例
alert(person2.name); //'Nike' --來自原型

當(dāng)為對象實例添加一個屬性時，這個屬性就會屏蔽原型對象中保存的同名屬性。

這時候我們就可以使用構(gòu)造函數(shù)模式與原型模式結(jié)合的方式，構(gòu)造函數(shù)模式用于定義實例屬性，而原型模式用于定義方法和共享的屬性

第六種：組合使用構(gòu)造函數(shù)模式和原型模式

function Person(name,age,job){
 this.name =name;
 this.age = age;
 this.job = job;
}
Person.prototype = {
 constructor:Person,
 sayName: function(){
 alert(this.name);
 };
}
var person1 = new Person('Nike',20,'teacher');

關(guān)于“JS創(chuàng)建對象的方法有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

網(wǎng)站名稱：JS創(chuàng)建對象的方法有哪些
當(dāng)前鏈接：http://muchs.cn/article12/ighhgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站導(dǎo)航、建站公司、搜索引擎優(yōu)化、服務(wù)器托管、動態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容