快捷導(dǎo)航

JavaScript中的DSL元編程介紹

更新時(shí)間：2015年03月15日 12:40:25 投稿：junjie

這篇文章主要介紹了JavaScript中的DSL元編程介紹,本文講解了JavaScript元編程、JavaScript eval、JavaScript new Function()等內(nèi)容,需要的朋友可以參考下

在看JavaScript Template源碼的時(shí)候，發(fā)現(xiàn)有一個(gè)很有意思的用法用來生成函數(shù)，想到這不就是元編程么?

JavaScript 元編程

 元編程（Metaprogramming）是指某類計(jì)算機(jī)程序的編寫，這類計(jì)算機(jī)程序編寫或者操縱其他程序（或者自身）作為它們的數(shù)據(jù)，或者在運(yùn)行時(shí)完成部分本應(yīng)在編譯時(shí)完成的工作。

JavaScript eval

復(fù)制代碼代碼如下:

 eval() 函數(shù)可計(jì)算某個(gè)字符串，并執(zhí)行其中的的 JavaScript 代碼。

可以有下面的用法:

復(fù)制代碼代碼如下:

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

當(dāng)然這只是用來執(zhí)行某個(gè)函數(shù)，只是這貨性價(jià)比可低了，而且還容易出錯(cuò)。

復(fù)制代碼代碼如下:

eval 函數(shù)應(yīng)該盡可能地避免使用。

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

使用New Function()和eval()的很大一個(gè)區(qū)別是，eval不僅僅是一個(gè)函數(shù) ，

復(fù)制代碼代碼如下:

 eval() 計(jì)算一個(gè)字符串作為當(dāng)前執(zhí)行范圍內(nèi)JavaScript表達(dá)式，可以訪問本地變量。 New Function() 解析存儲(chǔ)在一個(gè)字符串轉(zhuǎn)換成一個(gè)函數(shù)對(duì)象，然后可以調(diào)用的JavaScript代碼。因?yàn)榇a在一個(gè)單獨(dú)的范圍內(nèi)運(yùn)行，不能訪問本地變量。

也就是說eval()會(huì)干擾到當(dāng)前函數(shù)的作用域。。

JavaScript new Function()

Function 構(gòu)造器創(chuàng)建一個(gè)新的Function 對(duì)象. 在JavaScript中每個(gè)函數(shù)(function)實(shí)際是一個(gè)Function對(duì)象. 使用Function構(gòu)造器生成的Function對(duì)象是在函數(shù)創(chuàng)建時(shí)被解析的。這比你使用函數(shù)聲明(function)并在你的代碼中調(diào)用低效，因?yàn)槭褂煤瘮?shù)語(yǔ)句聲明的function是跟其他語(yǔ)句一起解析的。

New Function() 相比之下會(huì)比較低效，而這也是當(dāng)前情況下我們所能預(yù)知的。

一個(gè)簡(jiǎn)單的示例如下所示:

復(fù)制代碼代碼如下:

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

new Function()會(huì)將字符串解析為函數(shù)。。然后我們可以通過apply來執(zhí)行

復(fù)制代碼代碼如下:

Function.apply(null, args)

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

復(fù)制代碼代碼如下:

   new Function(

        tmpl.arg + ',tmpl',

        "var _e=tmpl.encode" + tmpl.helper + ",_s='" +

        str.replace(tmpl.regexp, tmpl.func) +

        "';return _s;"

    );

當(dāng)然我們還有其他方法。