js中的eval方法詳解(一)–eval方法的初級應用


在我看來,js中的eval()方法就是一個js語言的執行器,它能把其中的參數按照JavaScript語法進行解析並執行。

語法:

eval(s);
1
eval()方法中的參數s有多種情況。參數的不同形式,會使eval()方法執行的結果和返回值有差別。下面來說說他們的區別。

eval()方法的參數形式
如果參數s不是字符串,而是整數或者是Function類型,則直接返回該整數或Function

舉個栗子

例1:

var x = 1;
var y = eval(x);//eval()方法返回1
var z = eval(1)//eval()方法返回1

例2:

var f = eval(
function(){
console.log("1111");
return 1
}
);
/*
eval()方法返回:
function(){console.log("1111");return 1;}方法
*/
var s = f();//執行方法 s=1,打印日志"1111"


/**>>>>>>>>>>>>>>>**/

var ff = function(){
console.log("1111");
return 1;
};
var f = eval(ff);//eval()方法返回ff方法
var s = ff();//執行ff方法 s=1,打印日志"1111"

/**>>>>>>>>>>>>>>>**/

function ff(){
console.log("1111");
return 1;
};
var f = eval(ff);//eval()方法返回ff方法
var s = ff();//執行ff方法 s=1,打印日志"1111"

如果參數s是字符串,並且字符串中是表達式,則eval()方法會計算字符串中的表達式,返回該表達式計算的結果。

舉個栗子

eval("'true'");//返回字符串"true"
eval("ture");//返回Boolean類型的true
eval("1");//返回整數1
eval("[0,1,2]");//返回數組[0,1,2]
eval("2+2");//返回整數4
eval("2+'2'");//返回字符串"22"

如果參數s是字符串,並且字符串中的表達式是JSON格式(此時的JOSN格式外面要加上一對小括號將JSON包圍起來),則eval()方法返回該JSON。

舉個栗子

var j = "{'aa':11,'bb':22}";
eval("("+j+")");
//返回{"aa":11,"bb":22}

eval("({'aa':11,'bb':22})");
//返回{"aa":11,"bb":22}

eval("({aa:11,bb:22})");
//js中{aa:11,bb:22}這種格式在解析時會轉換成{'aa':11,'bb':22}這種格式

eval("{'aa':11,'bb':22}");
//拋出異常

附注

對於eval()方法,上面所說的的JSON格式也是屬於表達式的一種。但是如果JSON格式中沒有小括號包圍,則該eval()方法就不會返回該對象。
如:eval(“{‘aa’:11,’bb’:22}”)這種格式,就不會返回{‘aa’:11,’bb’:22}。

因為eval()方法在處理方括號”{}”時,會把它當成是一個語句塊。那么eval()方法只會執行該語句,並不會返回該值(結果是拋出異常)。

正確的寫法是:在JSON格式外加上小括號”()”,使其強制類型轉換成JSON格式(表達式),並返回該JSON值。這一點和即時函數(function(){})()一樣,()的作用也是將該function強制轉換成表達式並返回。

如果參數s是字符串,並且字符串中是語句或語句塊,則eval()方法會執行該語句或語句塊,並且返回undefined

舉個栗子

eval("var x='1';");
//返回undefined
console.log(x);
//打印字符串1

/**>>>>>>>>>>>>>>>**/

eval("var x=1;var y=2;var z=x+y;");
//返回undefined
console.log(z+"");
//打印字符串3

/**>>>>>>>>>>>>>>>**/

s = eval("function t(){alert(3)};t();");
//執行定義並調用t的方法:彈出3.並且返回undefined
console.log(s);
//打印undefined

/**>>>>>>>>>>>>>>>**/

eval("var j={sex:'男',age:27};alert(j.age);");
/*
此處的json對象不用小括號"()"括起來。因為該處是執行語句,而非計算表達式
*/

附注

eval()方法中,如果json格式是存在於語句中的,那么該json格式不需要用小括號”()”括起來。表達式中的json要括起來的原因是,eval()要計算表達式並且返回結果。而eval()對語句只是執行,並不會計較返回值(因為返回的都是(undefined)

eval()方法的錯誤處理機制
如果eval()參數中有非法的表達式和語句,則拋出 SyntaxError 異常。
如果非法調用 eval(),則拋出 EvalError 異常。
如果傳遞給 eval() 的 Javascript 代碼生成了一個異常,eval() 將把該異常傳遞給調用者。

注:eval()方法在執行js代碼時可能會出現異常,所以最好用try…catch語句來執行eval()方法

舉個栗子

例1:

var y = "var s = '1ss';s.replace('1','s')";
try{
eval(y);//執行該方法
}catch(exception){
console.warn(exception);
}

例2:

var y = "var s = 1ss;s.replace('1','s')";
try{
eval(y);//拋出異常
}catch(exception){
console.warn(exception);
//打印:Unexpected token ILLEGAL

例3:

var y = "var s = 1ss;s.replace('1','s')";
try{
var zz = eval;
zz(y);//執行該方法
}catch(exception){
console.warn(exception);
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM