js DSL超程式設計簡單介紹

本文介紹一下標題中的相關概念，希望能夠給需要的朋友帶來一定的幫助。

下面進入正題:

一.javascript超程式設計:

超程式設計（Metaprogramming）是指某類計算機程式的編寫，這類計算機程式編寫或者操縱其他程式（或者自身）作為它們的資料，或者在執行時完成部分本應在編譯時完成的工作。

二.javascript eval:

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

可以有下面的用法:

[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() 相比之下會比較低效，而這也是當前情況下我們所能預知的。

一個簡單的示例如下所示:

[JavaScript] 純文字檢視 複製程式碼
var add = new Function(['x', 'y'], 'return x + y');

new Function()會將字串解析為函式，然後我們可以通過apply來執行

[JavaScript] 純文字檢視 複製程式碼
Function.apply(null, args)

而這也是我在JavaScript Template中所看到的:

[JavaScript] 純文字檢視 複製程式碼
new Function(
  tmpl.arg + ',tmpl',
  "var _e=tmpl.encode" + tmpl.helper + ",_s='" +
  str.replace(tmpl.regexp, tmpl.func) +
  "';return _s;"
);

當然我們還有其他方法。