如何?JS函數的重載

來源:互聯網
上載者:User

標籤:style   blog   class   code   java   c   

javascript不能支援函數的重載,如下:

 
  1. function f(length)
  2. {
  3. alert("高為:"+length);
  4. }
  5. function f(length,width)
  6. {
  7. alert("高為:"+length+",寬為:"+width);
  8. }

上面那段代碼其實是行不通的,因為函數定義時的參數個數和函數調用時的參數個數沒有任何關係。 在函數中可以用f.arguments[0]和f.arguments[1]得到調用時傳入的第一和第二個參數,所以定義function(length),後面用f(10,10)調用是沒有問題的。所以在上面這段代碼中,第二個函數是永遠不可能被調用到的,那麼,要怎樣才能實現像函數重載那樣的功能呢? 

    那就是在函數定義中用f.arguments.length判斷一下調用時傳入的參數個數。然後對不同的情況採用不同的處理方式。 
如下:

 
  1. function f()
  2. {
  3. var len= arguments.length;
  4. if(1 == len)
  5. {
  6. var length = arguments[0];
  7. var width = arguments[1];
  8. f2(length,width);
  9. }
  10. else
  11. {
  12. var length = arguments[0];
  13. f1(length);
  14. }
  15. }
  16. function f1(length)
  17. {
  18. alert("高為:"+length);
  19. }
  20. function f2(length,width)
  21. {
  22. alert("高為:"+length+",寬為:"+width);
  23. }

這樣,你就可以給函數f()傳入一個參數也可以傳入兩個參數了,比如f(10)和f(10,10); 

    個人覺得,這樣雖然可以實現重載,但也不是很好用,我們可以根據具體情況在一個函數中實現重載,如果要重載的兩個函數相差較大,那就保留兩個函數,而如果兩個函數的實現基本差不多,那麼可以在一個函數中進行判斷,處理不同的部分,而不需要像上面那樣寫成三個函數,如下:

 
  1. function f(length)
  2. {
  3. var len= arguments.length;
  4. if(1 == len)
  5. {
  6. var width = arguments[1];
  7. alert("高為:"+length+",寬為:"+width);
  8. }
  9. else
  10. {
  11. alert("高為:"+length);
  12. }
  13. }

 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.