JavaScript 實現(xiàn)類的多種方法實例
更新時間：2013年05月01日 14:30:27 作者：
JavaScript 實現(xiàn)類的多種方法實例，需要的朋友可以參考一下
構(gòu)造方法
復(fù)制代碼 代碼如下:
function coder()
{
this.name = '現(xiàn)代魔法';
this.job = 'Web 開發(fā)者';
this.coding = function ()
{ alert('我正在寫代碼'); }
}
var coder = new coder();
alert(coder.name);
coder.coding();
工廠方法
復(fù)制代碼 代碼如下:
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)造方法都有著一個相同的缺點，就是每創(chuàng)建一個實例，都會實例化該類的每個函數(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();
原型鏈有個缺點就是它所有屬性都共享，只要一個實例改變其他的都會跟著改變。如：
復(fù)制代碼 代碼如下:
var coder1 = new coder();
var coder2 = new coder();
alert(coder1.name); /*顯示現(xiàn)代魔法*/
coder2.name = 'nowamagic';
alert(coder1.name); /*顯示nowamagic*/
alert(coder2.name); /*這個也顯示nowamagic*/
混合方式
以上三種都有著各自的缺點，所以我們要加以改進。
復(fù)制代碼 代碼如下:
function coder()
{
this.name = '現(xiàn)代魔法';
this.job = '程序員';
}
coder.prototype.coding = function(){
alert('我正在寫代碼');
};
動態(tài)原鏈
要解決前三種的缺點，還有一種方法。
復(fù)制代碼 代碼如下:
function coder()
{
this.name = '現(xiàn)代魔法';
this.job = '程序員';
if (typeof(coder._init) == 'undefined')
{
this.coding = function ()
{
alert('我正在寫代碼');
};
this._init = true;
}
}
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于JavaScript快速調(diào)試的兩個技巧，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
javascript使用中為什么10..toString()正常而10.toString()出錯呢
在JavaScript中為什么10..toString()正常，而10.toString()出錯呢？這個問題一直困擾著我，所抽時間搜集整理下，曬出來與大家分享感興趣的朋友可以了解下，希望對你們有幫助2013-01-01
這篇文章主要介紹了如何使用webpack打包一個庫library的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
Ionic學(xué)習(xí)日記實現(xiàn)驗證碼倒計時
本篇文章主要介紹了Ionic學(xué)習(xí)日記實現(xiàn)驗證碼倒計時，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
所謂的提升用戶體驗,其實就是把所有用戶視為懶鬼,比如JavaScript自動完成(Autocomplete)腳本, 常用于表單,用戶只需輸入一兩個字母,就為你擴展、聯(lián)想、匹配和供君選擇,2009-10-10
Electron是開發(fā)跨平臺pc客戶端的利器,最近在使用它時遇到一個需要右鍵保存頁面中圖片的功能,Electron雖使用了Chromium內(nèi)核但卻無法直接使用系統(tǒng)右鍵,需要自定義右鍵菜單,然后添加圖片保存功能,以下是我的使用方法,需要的朋友可以參考下2024-07-07
通過js實現(xiàn)分頁的代碼，一般情況下需要指定頁數(shù)，腳本之家以前也發(fā)布過一些，大家結(jié)合下即可。2010-09-09
BootStrap智能表單實戰(zhàn)系列(三)分塊表單配置詳解
這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(三)分塊表單配置詳解的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
用JS操作FRAME中的IFRAME及其內(nèi)容的實現(xiàn)代碼
一直都需要這樣的東西，發(fā)現(xiàn)了這個好東西，一定要研究下2008-07-07
這篇文章主要介紹了JS尾遞歸的實現(xiàn)方法及代碼優(yōu)化技巧,結(jié)合實例形式分析了尾遞歸的原理、JS實現(xiàn)方法及優(yōu)化技巧,需要的朋友可以參考下2019-01-01