JS重載實現(xiàn)方法分析

更新時間：2016年12月16日 14:18:53 作者：鬼畜十三

這篇文章主要介紹了JS重載實現(xiàn)方法,結合實例形式分析了javascript重載的實現(xiàn)與使用方法,需要的朋友可以參考下

本文實例分析了JS重載實現(xiàn)方法。分享給大家供大家參考，具體如下：

重載是面向對象語言里很重要的一個特性，JS中沒有真正的重載，是模擬出來的(因為js是基于對象的編程語言，不是純面向對象的，它沒有真正的多態(tài)：如繼承、重載、重寫)

一、什么時候用重載？

舉例：

function getDataTop10(){
  alert("返回前10條數(shù)據(jù)");
}

后來需求改了，需要獲得20條數(shù)據(jù)，而getDataTop10又被很多函數(shù)調用了，整體替換可以但麻煩，這時可以用重載

進而引出什么是重載：函數(shù)名相同，但是可以區(qū)分出來，想用哪個就用哪個，而不是后面的同名函數(shù)覆蓋前面的

二、怎么用？

arguments：Js里的一個內置對象,包含了調用者傳遞的實際參數(shù)(函數(shù)聲明時定義的參數(shù)個數(shù)不影響)

function getData(){
  alert("返回所有數(shù)據(jù)");
}
function getDataTop(num){
  alert("返回前"+num+"數(shù)據(jù)");
}
function getDataLimit(num1,num2){
  alert("返回前"+num1+"-"+num2+"數(shù)據(jù)");
}
function getDste(){
  var num=arguments.length;
  if(!num){
  getData();
  }
  else if(num==1){
  getDataTop(arguments[0]);
  }
  else if(num==2){
  getDataLimit(arguments[0],arguments[1]);
  }
}
getDste(5)

當參數(shù)很多時要寫一大串，遂可以改進

function getData(){
  alert("返回所有數(shù)據(jù)");
}
function getDataTop(num){
  alert("返回前"+num+"數(shù)據(jù)");
}
function getDataLimit(num1,num2){
  alert("返回前"+num1+"-"+num2+"數(shù)據(jù)");
}
function getDste(){
  var num=arguments.length;
  if(!num){
    getData();
  }
  else if(num==1){
    getDataTop.apply(this,arguments);
  }
  else if(num==2){
    getDataLimit.apply(this,arguments);
  }
}
getDste(5)

如果參數(shù)個數(shù)相同，類型不同，又該如何

function getData(){
  alert("返回所有數(shù)據(jù)");
}
function getDataTop(num){
  alert("返回前"+num+"數(shù)據(jù)");
}
function getDataLimit(num1,num2){
  alert("返回前"+num1+"-"+num2+"數(shù)據(jù)");
}
function getDataByType(type){
  alert("將返回"+type+"類型的數(shù)據(jù)");
}
function getDste(){
  var num=arguments.length;
  if(!num){
  getData();
  }
  else if(num==1){
  if(typeof arguments[0]=="number"){
      getDataTop.apply(this,arguments);
  }
  else{
    getDataByType.apply(this,arguments);
  }
  }
  else if(num==2){
  getDataLimit.apply(this,arguments);
  }
}
getDste("array")

三、好處

有利于合作開發(fā)

四、壞處

“實現(xiàn)”太勉強，如果參數(shù)過多，就要很多if語句，顯得代碼很亂

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章: