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

在看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;"
    );

當然我們還有其他方法。