javascript eval 函數

時間 2019-11-17

原文原文鏈接

能夠將字符串生成語句執行，和SQL的exec()相似。

的使用場合是什麼呢？有時候咱們預先不知道要執行什麼語句，只有當條件和參數給時才知道執行什麼語句，這時候就派上用場了。舉個例子：

咱們要作一個function()，功能是輸入網頁中兩個個對象的名稱，而後程序就將這兩個對象的值聯接起來輸出。
function output(a,b)
{
var tmpa,tmpb;
tmpa=document.all.a.value;
tmpb=document.all.b.value;
document.write(tmpa+tmpb);
}
output('input1','input2');javascript

這樣你執行的時候就會提示錯誤「document.all.a不是對象」以及「document.all.b不是對象」。原來javascript把a和b當成對象名稱了，怎樣能讓javascript把a裏面的值做爲對象名稱呢？這時候就要用了，把代碼改爲這樣：
function output(a,b)
{
var tmpa,tmpb;
tmpa=("document.all."+a+".value");
tmpb=("document.all."+b+".value");
document.write(tmpa+tmpb);
}
output('input1','input2');
這樣javascript就會先取出a,b的值，而後和前面的document.all.以及後面的.value組合運行，因而就能夠
順利取出input1和input2的值.

看完上面的基本理解是什麼含義了吧html

而後看下面的理解java

稍微晉級一點點，用到了DOM中替換圖片的例子編程

在Javascript中函數的使用？

【()函數】瀏覽器

來源：http://blog.csdn.net/ianc/archive/2006/05/29/761094.aspx服務器

JavaScript有許多小竅門來使編程更加容易。
其中之一就是()函數，這個函數能夠把一個字符串看成一個JavaScript表達式同樣去執行它。
舉個小例子：ide

var the_uned_answer = "2 + 3";
var the_ed_answer = ("2 + 3");
alert("the un-ed answer is " + the_uned_answer + " and the ed answer is " + the_ed_answer);函數

若是你運行這段程序, 你將會看到在JavaScript裏字符串"2 + 3"實際上被執行了。
因此當你把the_ed_answer的值設成 ("2 + 3")時, JavaScript將會明白並把2和3的和返回給the_ed_answer。
這個看起來彷佛有點傻，其實能夠作出頗有趣的事。好比使用你能夠根據用戶的輸入直接建立函數。
這可使程序根據時間或用戶輸入的不一樣而使程序自己發生變化，經過觸類旁通，你能夠得到驚人的效果。
在實際中，不多被用到，但也許你見過有人使用來獲取難以索引的對象。url

文檔對象模型（DOM)的問題之一是:有時你要獲取你要求的對象簡直就是痛苦。
例如，這裏有一個函數詢問用戶要變換哪一個圖象:變換哪一個圖象你能夠用下面這個函數：spa

function swapOne()
{
var the_image = prompt("change parrot or cheese","");
var the_image_object;

if (the_image == "parrot")
{
the_image_object = window.document.parrot;
}
else
{
the_image_object = window.document.cheese;
}

the_image_object.src = "ant.gif";
}

連同這些image標記:

[img src="/stuff3a/parrot.gif" name="parrot"]
[img src="/stuff3a/cheese.gif" name="cheese"]

請注意象這樣的幾行語句：

the_image_object = window.document.parrot;

它把一個圖象對象敷給了一個變量。雖然看起來有點兒奇怪，它在語法上卻毫無問題。
但當你有100個而不是兩個圖象時怎麼辦？你只好寫上一大堆的 if-then-else語句，要是能象這樣就行了：

function swapTwo()
{
var the_image = prompt("change parrot or cheese","");
window.document.the_image.src = "ant.gif";
}

不幸的是, JavaScript將會尋找名字叫 the_image而不是你所但願的"cheese"或者"parrot"的圖象，
因而你獲得了錯誤信息：」沒據說過一個名爲the_image的對象」。

還好，可以幫你獲得你想要的對象。

function simpleSwap()
{
var the_image = prompt("change parrot or cheese","");
var the_image_name = "window.document." + the_image;
var the_image_object = (the_image_name);
the_image_object.src = "ant.gif";
}

若是用戶在提示框裏填入"parrot"，在第二行裏建立了一個字符串即window.document.parrot. 而後包含了的第三
行意思是： "給我對象window.document.parrot" - 也就是你要的那個圖象對象。一旦你獲取了這個圖象對象，你能夠把
它的src屬性設爲ant.gif. 有點懼怕？用不着。其實這至關有用，人們也常用它。

咱們經常在Javascript中間到這個函數，
有些人以爲這個函數很奇怪，能夠把一些字符串變的功能很強大
在咱們須要將普通的字符串轉變成具體的對象的時候，就會用到這個函數

函數對做爲數字表達式的一個字符串進行求值，其語法爲：

(expr)

此處 expr 是一個被求值的字符串參數。若是該字符串是一個表達式，求該表達式的值；若是該參數表明一個或多個 JavaScript 語句，那麼執行這些語句。函數能夠用來把一個日期從一種格式（老是字符串）轉換爲數值表達式或數字。

==============================
函數
功能：先解釋Javascript代碼，而後在執行它
用法：(codeString)
codeString是包含有Javascript語句的字符串，在以後使用Javascript引擎編譯。

註釋：

例子：(id + "_icon.src="/imgs/collapse_up.gif'");
id是以前設定的參數，而在雙引號中的字符串則是須要編譯的

引用:
--------------------------------------------------------------------------------
function tophide(id) //id indicates menu
{
if (top.topframeset.rows == "31,*")
{
top.topframeset.rows = "86,*";
(id + "_icon.src="/imgs/collapse_up.gif'");
(id + "_icon.alt='Collapse The Head'");
head.style.display = "block"
}
else
{
top.topframeset.rows = "31,*";
(id + "_icon.src="/imgs/collapse_down.gif'");
(id + "_icon.alt='Expand The Head'");
head.style.display = "none"
}
}

若是仍是不明白深刻認識javascript中的函數

來源：http://www.x2blog.cn/supnate/#sid.1735/page.1/

發現爲本文起一個合適的標題還不是那麼容易，呵呵，因此在此先說明下本文的兩個目的：
（1）介紹javascript中的函數的用法
（2）如何在函數內執行全局代碼

►先來講的用法，內容比較簡單，熟悉的能夠跳過。
函數接收一個參數s，若是s不是字符串，則直接返回s。不然執行s語句。若是s語句執行結果是一個值，則返回此值，不然返回undefined。
須要特別注意的是對象聲明語法「{}」並不能返回一個值，須要用括號括起來纔會返回值，簡單示例以下：

var code1 = '"a" + 2' ; //表達式
var code2 = '{a:2}' ; //語句
alert ( ( code1 )); //->'a2'
alert ( ( code2 )); //->undefined
alert ( ( '(' + code2 + ')' )); //->[object Object]

能夠看到，對於對象聲明語句來講，僅僅是執行，並不能返回值。爲了返回經常使用的「{}」這樣的對象聲明語句，必須用括號括住，以將其轉換爲表達式，才能返回其值。這也是使用JSON來進行Ajax開發的基本原理之一。在例子中能夠清楚的看到，第二個alert語句輸出的是undefined，而第三個加了括號後輸出的是語句表示的對象。

►如今來講本文的重點，如何在函數內執行全局代碼。爲了說明這個問題，先看一個例子：

var s = 'global' ; //定義一個全局變量
function demo1 (){
( 'var s="local"' );
}
demo1 ();
alert ( s ); //->global

很好理解，上面的demo1函數等價於：function demo1(){var s='local';}，其中定義了一個局部變量s。
因此最後的輸出是global並非什麼奇怪的事情，畢竟你們都能很清楚的區分局部變量和全局變量。
仔細體會一下，能夠發現函數的特色，它老是在調用它的上下文變量空間（也稱爲：包，closure）內執行，不管是變量定義仍是函數定義都是如此，因此以下的代碼會產生函數未定義的錯誤：

var s = 'function test(){return 1;}' ; //一個函數定義語句
function demo2 (){
( s );
}
demo2 ();
alert ( test ()); //->error:test is not defined

這是由於test函數在局部空間定義，demo2函數內能夠訪問到，外面就訪問不到了。

而在實際的Ajax開發中，有時咱們須要從服務器動態獲取代碼來執行，以減輕一次載入代碼過多的問題，或者是一些代碼是經過Javascript自身生成的，但願用函數來使其執行。
但這樣的動態獲取代碼的工做通常在函數內完成，好比：

function loadCode (){
var code = getCode ();
( code );
}

可見不可能在全局空間內執行，這就給開發帶來了很多問題，也看到過不少人爲此鬱悶。

不過如今偶終於找到了解決辦法，嘿嘿，能夠同時兼容IE和Firefox，方法以下：

var X2 ={} //my namespace:)
X2 . = function ( code ){
if (!!( window . attachEvent && ! window . opera )){
//ie
execScript ( code );
} else {
//not ie
window . ( code );
}
}

如今若是要想在函數內定義全局代碼，就能夠經過調用X2.(code)方法，一個例子以下：

var s = 'global' ;
function demo3 (){
X2 . ( 'var s="local"' );
}
demo3 ();
alert ( s ); //->'local'

可見，在demo3函數內從新定義了全局變量s="local"。
須要注意的是X2.並不返回值，若是要進行表達式的求值，仍是用系統的函數。X2.設計爲僅作全局代碼定義用。

其實看到這裏，或許有人感受問題也太容易解決了點，呵呵，但發現這個辦法卻是須要些運氣和技巧的：
（1）對於IE瀏覽器，默認已經提供了這樣的函數：execScript，用於在全局空間執行代碼，只是知道的人還很少。
（2）對於Firefox瀏覽器，直接調用函數，則在調用者的空間執行；若是調用window.則在全局空間執行。這個知道的人估計就更少了。畢竟alert(==window.)返回true！

Firefox的函數的特色的確是很使人奇怪的，但從javascript規範中倒也能找到其來源：

If value of the property is used in any way other than a direct call (that is, other than by the explicit use of its
name as an Identifier which is the MemberExpression in a CallExpression), or if the property is assigned to,
an Error exception may be thrown.

意思大概就是說函數的執行是和調用者相關的，但並無說其執行上下文的問題。因此IE和Firefox孰是孰非也就很難說了，你們知道解決辦法就好

「七」樂無窮，盡在新浪新版博客，快來體驗啊~~~請點擊進入~