在看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;"
);
當然我們還有其他方法。