JS根據動態生成的字符串，驗證是否存在對應function并執行

CollinPeng 發布于2019-08-22 10:59 / 1958人閱讀

摘要：有個挫一點的方法寫個，根據目前要跳到哪個頁面，來判斷執行哪個這種方法是，就是維護起來不方便，以后每添一個新頁面都要來維護這個。

這個需求是在我搭建前端項目框架的時候遇到的：

由于我走的是前后端完全分離的路線，那前端部分少了后端的支持，所以就少不了要做點路由、分發之類的工作，而在用路由跳轉到新的“頁面”后，我需要執行相應的function來獲取第一版的數據。有個挫一點的方法：寫個switch，根據目前要跳到哪個頁面，來判斷執行哪個function；這種方法work是work，就是維護起來不方便，以后每添一個新“頁面”都要來維護這個switch。

PHP有個很不錯的動態機制：


用這個動態機制來做路由非常方便，因此在做前端框架的路由的時候，我就想著會不會有類似的解決方案呢？
答案是有的，利用JS的eval函數（PHP也有同名函數），就可以通過拼字符串來執行JS代碼了，下面是例子：
function test() {
    alert(111);
};

var functionName ="test";

if(typeof(window[functionName]) === "function") {
    eval(functionName + "()");
}

值得注意的是判斷字符串對應的function是否存在（對于一個框架來說會靈活得多，比如說：不是每一個頁面都需要獲取第一版數據），我試過用jquery的$.isFunction和原生typeof方法與eval函數配合，都無法識別到對應的function，最后還是靠window[functionName]獲取到function對應的變量，這樣才能進行判斷。

GPU云服務器云服務器動態編譯并執行字符串前端js驗證碼的生成 js根據表格數據生成柱狀圖動態生成驗證碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91571.html

前端知識點(一)

摘要：為了解決協議的這一缺陷，需要使用另一種協議安全套接字層超文本傳輸協議，為了數據傳輸的安全，在的基礎上加入了協議，依靠證書來驗證服務器的身份，并為瀏覽器和服務器之間的通信加密。是超文本傳輸協議，信息是明文傳輸，則是具有安全性的加密傳輸協議。 1、請說說從用戶輸入url到呈現網頁，這中間都發生了什么？ 1、域名解析域名解析的過程：　　 1）.查詢瀏覽器自身DNS緩存 ...

tinylcy 2019-08-30 15:55 評論0 收藏0
前端知識點(一)

摘要：為了解決協議的這一缺陷，需要使用另一種協議安全套接字層超文本傳輸協議，為了數據傳輸的安全，在的基礎上加入了協議，依靠證書來驗證服務器的身份，并為瀏覽器和服務器之間的通信加密。是超文本傳輸協議，信息是明文傳輸，則是具有安全性的加密傳輸協議。 1、請說說從用戶輸入url到呈現網頁，這中間都發生了什么？ 1、域名解析域名解析的過程：　　 1）.查詢瀏覽器自身DNS緩存 ...

defcon 2019-08-02 14:07 評論0 收藏0
前端知識點(一)

摘要：為了解決協議的這一缺陷，需要使用另一種協議安全套接字層超文本傳輸協議，為了數據傳輸的安全，在的基礎上加入了協議，依靠證書來驗證服務器的身份，并為瀏覽器和服務器之間的通信加密。是超文本傳輸協議，信息是明文傳輸，則是具有安全性的加密傳輸協議。 1、請說說從用戶輸入url到呈現網頁，這中間都發生了什么？ 1、域名解析域名解析的過程：　　 1）.查詢瀏覽器自身DNS緩存 ...

iliyaku 2019-08-23 14:41 評論0 收藏0
jQuery中的選擇器引擎Sizzle

摘要：生成終極匹配器主要是返回一個匿名函數，在這個函數中，利用方法生成的匹配器，去驗證種子集合，篩選出符合條件的集合。在這個終極匹配器中，會將獲取到的種子元素集合與匹配器進行比對，篩選出符合條件的元素。讀Sizzle的源碼，分析的Sizzle版本號是2.3.3。 Sizzle的Github主頁瀏覽器原生支持的元素查詢方法：方法名方法描述兼容性描述 getElementBy...

elisa.yang 2019-08-22 18:41 評論0 收藏0
JS基礎知識學習（三）

摘要：基礎知識字符串中常用的方法在中用單雙引號包裹起來的都是字符串字符串就是由到多個字符組成的特點一以數字作為索引，從零開始特點二有屬性，存儲的是當前字符串中字符的個數字符長度如果指定的索引不存在獲取的結果是真實項目中，我們經常操作字符串，此時 js基礎知識 JavaScript 字符串中常用的方法在JS中用單（雙）引號包裹起來的都是字符串 var str=welcome to my ho...

keke 2019-08-22 18:18 評論0 收藏0