這篇文章給大家分享的是有關(guān)js產(chǎn)生對象的基本方式有哪些的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:域名注冊、虛擬主機、營銷軟件、網(wǎng)站建設(shè)、五峰網(wǎng)站維護、網(wǎng)站推廣。
1.工廠模式
工廠模式是軟件工程領(lǐng)域一種廣為人知的設(shè)計模式,而由于在ECMAScript中無法創(chuàng)建類,因此用函數(shù)封裝以特定接口創(chuàng)建對象。其實現(xiàn)方法非常簡單,也就是在函數(shù)內(nèi)創(chuàng)建一個對象,給對象賦予屬性及方法再將對象返回即可。
function a(name){ var b = new object(); b.name = name; b.say = function(){ alert(this.name); } return b }
函數(shù)內(nèi)部產(chǎn)生b對象并返回。
2.構(gòu)造函數(shù)模式
function Person(name, url) { //注意構(gòu)造函數(shù)名第一個字母大寫 this.name = name; this.url = url; this.alertUrl = alertUrl; } function alertUrl() { alert(this.url); }
因為每構(gòu)造一個對象就會生成一個alertUrl方法,這樣太浪費資源空間,所以把alertUrl這個方法寫在全局以節(jié)省空間,但這樣寫就違背了面向?qū)ο缶幊痰某踔?,下面的原型模式就更好一些?/p>
3.原型模式
我們創(chuàng)建的每個函數(shù)都有prototype(原型)屬性,這個屬性是一個指針,指向一個對象,而這個對象的用途是包含可以由特定類型的所有實例共享的屬性和方法。使用原型對象的好處就是可以讓所有對象實例共享它所包含的屬性及方法。
function Person(){ } Person.prototype.name = "bill"; Person.prototype.address = "GuangZhou"; Person.sayName = function (){ alert(this.name); } var person1 = new Person(); var person2 = new Person(); //測試代碼 alert(person1.name); // bill alert(person2.name); // bill person1.sayName(); //bill person2.sayName(); //bill person1.name = "666"; alert(person1.name); // 666 alert(person2.name); // bill person1.sayName(); //666 person2.sayName(); //bill
我們創(chuàng)建的每個函數(shù)都有prototype(原型)屬性,這個屬性其實是一個指針,指向一個對象。
當(dāng)構(gòu)造一個person對象例如person1之后,它的默認name屬性就是bill。如果要改name值的話就要對person1.name操作。這只是改了這個對象的name屬性。alert(person1.prototype.name)依然是彈出bill,即原型上的name屬性
感謝各位的閱讀!關(guān)于“js產(chǎn)生對象的基本方式有哪些”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!