首頁 > web前端 > js教程 > JavaScript中的DSL元程式設計介紹_javascript技巧

JavaScript中的DSL元程式設計介紹_javascript技巧

WBOY
發布: 2016-05-16 16:09:26
原創
2186 人瀏覽過

在看JavaScript Template原始碼的時候,發現有一個很有趣的用法用來產生函數,想到這不就是元程式設計麼?

JavaScript 元程式設計

複製程式碼 程式碼如下:

 元程式設計(Metaprogramming)是指某類電腦程式的編寫,這類電腦程式編寫或操縱其他程式(或本身)作為它們的數據,或是在執行時間完成部分本應在編譯時完成的工作。

JavaScript eval

複製程式碼 程式碼如下:

 eval() 函數可計算某個字串,並執行其中的 JavaScript 程式碼。

可以有下面的用法:
複製程式碼 程式碼如下:

eval("x=10;y=20;document.write(x*y)")

當然這只是用來執行某個函數,只是這貨性價比可低了,而且還容易出錯。
複製程式碼 程式碼如下:

 eval 函數應該盡可能地避免使用。

於是更好地方法是使用New Function()

使用New Function()和eval()的很大一個區別是,eval不只是一個函數 ,

複製程式碼 程式碼如下:

 eval() 計算一個字串作為目前執行範圍內JavaScript表達式,可以存取本機變數。 New Function() 解析儲存在一個字串轉換成一個函數對象,然後可以呼叫的JavaScript程式碼。因為程式碼在一個單獨的範圍內運行,不能存取本地變數。

也就是說eval()會幹擾到目前函數的作用域。 。

JavaScript new Function()

 Function 建構器建立一個新的Function 物件. 在JavaScript中每個函數(function)實際上是一個Function物件. 使用Function建構器產生的Function物件是在函數建立時被解析的。這比你使用函數宣告(function)並在你的程式碼中呼叫低效,因為使用函數語句宣告的function是跟其他語句一起解析的。

New Function() 相較之下會比較低效,而這也是目前情況下我們所能預知的。

一個簡單的範例如下:

複製程式碼 程式碼如下:

var add = new Function(['x', 'y'], 'return x y');

new Function()會將字串解析為函數。 。然後我們可以透過apply來執行
複製程式碼 程式碼如下:

Function.apply(null, args)

而這也是我在JavaScript Template中所看到的:
複製程式碼 程式碼如下:

   new Function(
        tmpl.arg ',tmpl',
        "var _e=tmpl.encode" tmpl.helper ",_s='"
        str.replace(tmpl.regexp, tmpl.func)
        "';return _s;"
    );

當然我們還有其他方法。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板