這篇文章將為大家詳細講解有關javascript函數寫法有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創新互聯公司是一家集網站建設,襄城企業網站建設,襄城品牌網站建設,網站定制,襄城網站建設報價,網絡營銷,網絡優化,襄城網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

1.常規寫法

 function fnName(){
  console.log("常規寫法");
}

2.匿名函數，函數保存到變量里

var myfn = function(){
  console.log("匿名函數，函數保存到變量里");
 }

3.如果有多個變量，可以用對象收編變量

3.1 用json對象

 var fnobject1={
   fn1:function(){
      console.log("第一個函數");
   },
   fn2:function(){
      console.log("第二個函數");
   },
   fn3:function(){
      console.log("第三個函數");
   }
 }

3.2 聲明一個對象，然后給它添加方法

 var fnobject2 = function(){};
 fnobject2.fn1 = function(){
   console.log("第一個函數");
 }
 fnobject2.fn2 = function(){
   console.log("第二個函數");
 }
 fnobject2.fn3 = function(){
   console.log("第三個函數");
 }

3.3 可以把方法放在一個對象函數里

 var fnobject3 = function(){
   return {
     fn1:function(){
       console.log("第一個函數");
       },
     fn2:function(){
       console.log("第二個函數");
     },
      fn3:function(){
       console.log("第三個函數");
     }  
   }  
 };

4.可用類來實現,注意類的第二種和第三種寫法不能混用，否則一旦混用，如在后面為對象的原型對象賦值新對象時，那么他將會覆蓋掉之前對prototype對象賦值的方法

4.1 第一種寫法

 var fnobject4 = function(){
   this.fn1 = function(){
     console.log("第一個函數");
  }
   this.fn2 = function(){
     console.log("第二個函數"); 
   }
   this.fn3 = function(){
     console.log("第三個函數");
   }
 };

4.2 第二種寫法

 var fnobject5 = function(){};
 fnobject5.prototype.fn1 = function(){
   console.log("第一個函數");
 }
 fnobject5.prototype.fn2 = function(){
   console.log("第二個函數");
 }
 fnobject5.prototype.fn3 = function(){
   console.log("第三個函數");
 }

4.3 第三種寫法

 var fnobject6 = function(){};
 fnobject6.prototype={
   fn1:function(){
     console.log("第一個函數");
   },
   fn2:function(){
     console.log("第二個函數");
   },
   fn3:function(){
     console.log("第三個函數");
   }
 }

4.4 第四種寫法

var fnobject7 = function(){};
fnobject7.prototype={
  fn1:function(){
    console.log("第一個函數");
    return this;
  },
    fn2:function(){
    console.log("第二個函數");
    return this;
  },
  fn3:function(){
    console.log("第三個函數");
    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("第一個函數");
 });
 methods.addMethod('fn2',function(){
   console.log("第二個函數");
 });
 methods.addMethod('fn3',function(){
   console.log("第三個函數");
 });

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("第一個函數");
 }).addMethod('fn2',function(){
   console.log("第二個函數");
 }).addMethod('fn3',function(){
   console.log("第三個函數");
 });

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("第一個函數");
}).addMethod('fn2',function(){
  console.log("第二個函數");
}).addMethod('fn3',function(){
  console.log("第三個函數");
});

關于“javascript函數寫法有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞名稱：javascript函數寫法有哪些-創新互聯
網頁路徑：http://m.newbst.com/article40/cejeeo.html

成都網站建設公司_創新互聯，為您提供企業建站、用戶體驗、微信公眾號、微信小程序、靜態網站、網站建設

廣告

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