function createCoderFactory()
{
    var obj = new Object();
    obj.name = '現(xiàn)代魔法';
    obj.job = '程序員';
    obj.coding = function ()
    {
        alert('我正在寫代碼');
    };
    return obj;
}
var coder = createCoderFactory();
alert(coder.name);
coder.coding();

工廠方法和構(gòu)造方法都有著一個(gè)相同的缺點(diǎn)，就是每創(chuàng)建一個(gè)實(shí)例，都會(huì)實(shí)例化該類的每個(gè)函數(shù)。

原型鏈

復(fù)制代碼代碼如下:

function coder(){}
coder.prototype.name = '現(xiàn)代魔法';
coder.prototype.job = '程序員';
coder.prototype.coding = function(){
    alert('我正在寫代碼');
};
var coder = new coder();
alert(coder.name);
coder.coding();

原型鏈有個(gè)缺點(diǎn)就是它所有屬性都共享，只要一個(gè)實(shí)例改變其他的都會(huì)跟著改變。如：

復(fù)制代碼代碼如下:

var coder1 = new coder();
var coder2 = new coder();
alert(coder1.name);     /*顯示現(xiàn)代魔法*/
coder2.name = 'nowamagic';
alert(coder1.name);     /*顯示nowamagic*/
alert(coder2.name);     /*這個(gè)也顯示nowamagic*/

混合方式
以上三種都有著各自的缺點(diǎn)，所以我們要加以改進(jìn)。

復(fù)制代碼代碼如下:

function coder()
{
    this.name = '現(xiàn)代魔法';
    this.job = '程序員';
}
coder.prototype.coding = function(){
    alert('我正在寫代碼');
};

動(dòng)態(tài)原鏈
要解決前三種的缺點(diǎn)，還有一種方法。

復(fù)制代碼代碼如下:

function coder()
{
    this.name = '現(xiàn)代魔法';
    this.job = '程序員';
    if (typeof(coder._init) == 'undefined')
    {
        this.coding = function ()
        {
            alert('我正在寫代碼');
        };
        this._init = true;
    }
}

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)二代身份證號(hào)碼驗(yàn)證詳解
本文給大家分享一段超級(jí)全面的二代身份證號(hào)碼驗(yàn)證程序，由JS編寫而成，可以校驗(yàn)身份證的地址碼、出生日期碼、順序碼和數(shù)字校驗(yàn)碼。是身份證去偽存真的一大利器。
2014-11-11
laydate如何根據(jù)開(kāi)始時(shí)間或者結(jié)束時(shí)間限制范圍
這篇文章主要為大家詳細(xì)介紹了laydate根據(jù)開(kāi)始時(shí)間或者結(jié)束時(shí)間限制范圍的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
javascript 實(shí)現(xiàn)子父窗體互相傳值的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)javascript 實(shí)現(xiàn)子父窗體互相傳值的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
微信小程序?qū)崿F(xiàn)流程進(jìn)度的圖樣式功能
最近正在做微信小程序，需要實(shí)現(xiàn)一個(gè)流程進(jìn)度的圖樣式，下面小編給大家?guī)?lái)了微信小程序?qū)崿F(xiàn)流程進(jìn)度的圖樣式功能實(shí)例代碼，需要的朋友參考下吧
2018-01-01
Bootstrap實(shí)現(xiàn)下拉菜單多級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)下拉菜單多級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
用javascript做拖動(dòng)布局的思路
這幾天不是很忙，就找了些拖動(dòng)布局方面的資料看看，也學(xué)著寫了個(gè)拖動(dòng)布局的效果，沒(méi)想到花了好多時(shí)間，七拼八湊，總算是把這個(gè)效果寫出來(lái)了。哎！還是js的功夫太差。因?yàn)槭沁呎屹Y料邊寫的，很多地方印象不深，時(shí)間一長(zhǎng)，再重新寫估計(jì)也難，所以把當(dāng)時(shí)的思路記錄一下！也希望大蝦指點(diǎn)一下！
2008-05-05
javascript獲取select的當(dāng)前值示例代碼(兼容IE/Firefox/Opera/Chrome)
本篇文章主要介紹了javascript獲取select的當(dāng)前值示例代碼(兼容IE/Firefox/Opera/Chrome) 需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
js日歷相關(guān)函數(shù)使用詳解
這篇文章主要為大家詳細(xì)介紹了js日歷相關(guān)函數(shù)的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
Javascript函數(shù)緩存的實(shí)現(xiàn)及應(yīng)用場(chǎng)景
Javascript函數(shù)緩存是一種提高網(wǎng)頁(yè)性能的重要技術(shù),通過(guò)將函數(shù)結(jié)果存儲(chǔ)在緩存中,避免重復(fù)計(jì)算,從而提高頁(yè)面加載速度和響應(yīng)速度,本文主要介紹了Javascript函數(shù)緩存的實(shí)現(xiàn)及應(yīng)用場(chǎng)景,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-12-12
JS圖片延遲加載插件LazyImgv1.0用法分析【附demo源碼下載】
這篇文章主要介紹了JS圖片延遲加載插件LazyImgv1.0用法,結(jié)合實(shí)例形式分析了使用圖片延遲加載插件LazyImgv1.0的注意事項(xiàng)與核心操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-09-09