快捷導(dǎo)航

如何用JavaScript動(dòng)態(tài)呼叫函數(shù)(兩種方式)

更新時(shí)間：2013年05月03日 16:07:46 作者：

下面介紹一下動(dòng)態(tài)呼叫函數(shù)目前應(yīng)該有下面兩種方式，它們之間的使用及對(duì)比，感興趣的朋友可以研究下，希望可以幫助到你

近來(lái)的使用者，越來(lái)越強(qiáng)調(diào) UI 介面的互動(dòng)，漸漸原本對(duì)一條小龍來(lái)說(shuō)只是配角的 JavaScript (以下簡(jiǎn)稱 JS) 變成的主角，占了很大一塊的用途。

像是最近很熱門的 ASP.NET 的 MVC 里面就直接Include JQuery 可見(jiàn)一般。

MVC 用了一陣子，一條小龍甚至感覺(jué) MVC 中的 Controller 根本就是 JS 在控制的，這樣怎么把 UI 工作獨(dú)立，切給美工用，感覺(jué)也是蠻大的疑問(wèn)。
看來(lái)后面的美工，只會(huì)繪圖、拉畫(huà)面是不行的，一定要會(huì) JS、Flash 等等前端控制語(yǔ)言，才會(huì)吃香。

這邊，一條小龍介紹一下，如何用 JavaScript 動(dòng)態(tài)呼叫函數(shù)，這個(gè)時(shí)候需要先介紹一下前提，這樣讀者才能了解，下面的技術(shù)能應(yīng)用在哪里。
一般會(huì)使用到動(dòng)態(tài)呼叫，基本上都是后端動(dòng)態(tài)產(chǎn)生 JS的程式碼，在由前端的 JS 框架，來(lái)呼叫使用。

會(huì)需要這樣做的用途，不外乎，動(dòng)態(tài)設(shè)定 UI 的欄位、樣式、資料等等，另外一種可能，就是保留 JS 框架的擴(kuò)充性，讓后面的開(kāi)發(fā)人員，可以根據(jù)每只程式的特性，在額外編寫代碼來(lái)擴(kuò)充原有JS 框架的功能。

下面就來(lái)介紹一下，動(dòng)態(tài)呼叫函數(shù) 目前就一條小龍所知應(yīng)該有下面兩種方式

復(fù)制代碼代碼如下:

 
function myAlert(value) { 
document.write("myAlert - " + value + "<br>"); 
} 
$(function () { 
eval("myAlert")("test"); 
window["myAlert"]("test"); 
} 

一般來(lái)說(shuō)，比較正規(guī)還是要使用 window 這個(gè)object 來(lái)查詢 function 是否存在，用 eval 彈性太大比較有風(fēng)險(xiǎn)。

而且直接照上述來(lái)實(shí)作，會(huì)有蠻大風(fēng)險(xiǎn)，一但被呼叫的函數(shù)不存在，整個(gè)畫(huà)面就會(huì)出錯(cuò)，所以在使用上，需再加上判斷式，從這角度這時(shí)eval 就無(wú)法使用了，因?yàn)槭褂?eval 就是要產(chǎn)生 function 這個(gè) object 了，而 window 只是查詢有無(wú) object，所以當(dāng) function 不存在，eval 就會(huì)直接報(bào)錯(cuò)了，這樣讀者應(yīng)該比較能了解其中差異。
范例程式如下

復(fù)制代碼代碼如下:

 
function myAlert(value) { 
document.write("myAlert - " + value + "<br>"); 
} 
$(function () { 
var fnName = "myAlert"; 
var fn = window[fnName]; 
if (typeof fn == "function") { 
fn.apply(window, ["window - test"]); 
} 
} 

最后，是我自己又另外想出的一種方式，如下

復(fù)制代碼代碼如下:

 
function myAlert(value) { 
document.write("myAlert - " + value + "<br>"); 
} 
$(function () { 
if (typeof (myAlert) == 'function') { 
myAlert("typeof - test"); 
} 
} 

雖然這種方式會(huì)犧牲一些彈性，但相反卻可以用這種方式，來(lái)限制后續(xù)開(kāi)發(fā)人員的命名原則，例如像是框架中的 Init() Load() 等等，皆可用如此方式則可以將使用方式固定下來(lái)，不至于發(fā)散出去，也方便后續(xù)的維護(hù)成本。

您可能感興趣的文章: