JavaScript中的DSL元編程介紹，javascriptdsl編程

JavaScript中的DSL元編程介紹，javascriptdsl編程

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

當然我們還有其他方法。