快捷導(dǎo)航

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

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

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

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

重載是面向?qū)ο笳Z(yǔ)言里很重要的一個(gè)特性，JS中沒(méi)有真正的重載，是模擬出來(lái)的(因?yàn)閖s是基于對(duì)象的編程語(yǔ)言，不是純面向?qū)ο蟮模鼪](méi)有真正的多態(tài)：如繼承、重載、重寫(xiě))

一、什么時(shí)候用重載？

舉例：

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

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

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

二、怎么用？

arguments：Js里的一個(gè)內(nèi)置對(duì)象,包含了調(diào)用者傳遞的實(shí)際參數(shù)(函數(shù)聲明時(shí)定義的參數(shù)個(gè)數(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)

當(dāng)參數(shù)很多時(shí)要寫(xiě)一大串，遂可以改進(jìn)

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ù)個(gè)數(shù)相同，類(lèi)型不同，又該如何

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+"類(lèi)型的數(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")

三、好處

有利于合作開(kāi)發(fā)

四、壞處

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

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: