這篇文章將為大家詳細講解有關javascript函數(shù)寫法有哪些,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,襄城企業(yè)網(wǎng)站建設,襄城品牌網(wǎng)站建設,網(wǎng)站定制,襄城網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,襄城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。1.常規(guī)寫法
function fnName(){ console.log("常規(guī)寫法"); }
2.匿名函數(shù),函數(shù)保存到變量里
var myfn = function(){ console.log("匿名函數(shù),函數(shù)保存到變量里"); }
3.如果有多個變量,可以用對象收編變量
3.1 用json對象
var fnobject1={ fn1:function(){ console.log("第一個函數(shù)"); }, fn2:function(){ console.log("第二個函數(shù)"); }, fn3:function(){ console.log("第三個函數(shù)"); } }
3.2 聲明一個對象,然后給它添加方法
var fnobject2 = function(){}; fnobject2.fn1 = function(){ console.log("第一個函數(shù)"); } fnobject2.fn2 = function(){ console.log("第二個函數(shù)"); } fnobject2.fn3 = function(){ console.log("第三個函數(shù)"); }
3.3 可以把方法放在一個對象函數(shù)里
var fnobject3 = function(){ return { fn1:function(){ console.log("第一個函數(shù)"); }, fn2:function(){ console.log("第二個函數(shù)"); }, fn3:function(){ console.log("第三個函數(shù)"); } } };
4.可用類來實現(xiàn),注意類的第二種和第三種寫法不能混用,否則一旦混用,如在后面為對象的原型對象賦值新對象時,那么他將會覆蓋掉之前對prototype對象賦值的方法
4.1 第一種寫法
var fnobject4 = function(){ this.fn1 = function(){ console.log("第一個函數(shù)"); } this.fn2 = function(){ console.log("第二個函數(shù)"); } this.fn3 = function(){ console.log("第三個函數(shù)"); } };
4.2 第二種寫法
var fnobject5 = function(){}; fnobject5.prototype.fn1 = function(){ console.log("第一個函數(shù)"); } fnobject5.prototype.fn2 = function(){ console.log("第二個函數(shù)"); } fnobject5.prototype.fn3 = function(){ console.log("第三個函數(shù)"); }
4.3 第三種寫法
var fnobject6 = function(){}; fnobject6.prototype={ fn1:function(){ console.log("第一個函數(shù)"); }, fn2:function(){ console.log("第二個函數(shù)"); }, fn3:function(){ console.log("第三個函數(shù)"); } }
4.4 第四種寫法
var fnobject7 = function(){}; fnobject7.prototype={ fn1:function(){ console.log("第一個函數(shù)"); return this; }, fn2:function(){ console.log("第二個函數(shù)"); return this; }, fn3:function(){ console.log("第三個函數(shù)"); return this; } }
5.對Function對象類的擴展(下面三種只能用一種)
5.1 第一種寫法(對象)
Function.prototype.addMethod = function(name,fn){ this[name] = fn; } var methods=function(){};//var methods=new Function(); methods.addMethod('fn1',function(){ console.log("第一個函數(shù)"); }); methods.addMethod('fn2',function(){ console.log("第二個函數(shù)"); }); methods.addMethod('fn3',function(){ console.log("第三個函數(shù)"); });
5.2 鏈式添加(對象)
Function.prototype.addMethod = function(name,fn){ this[name] = fn; return this; } var methods=function(){};//var methods=new Function(); methods.addMethod('fn1',function(){ console.log("第一個函數(shù)"); }).addMethod('fn2',function(){ console.log("第二個函數(shù)"); }).addMethod('fn3',function(){ console.log("第三個函數(shù)"); });
5.3 鏈式添加(類)
Function.prototype.addMethod = function(name,fn){ this.prototype[name] = fn; return this; } var Methods=function(){};//var methods=new Function(); methods.addMethod('fn1',function(){ console.log("第一個函數(shù)"); }).addMethod('fn2',function(){ console.log("第二個函數(shù)"); }).addMethod('fn3',function(){ console.log("第三個函數(shù)"); });
關于“javascript函數(shù)寫法有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。