前言

在我看來(lái)，js中的eval()方法就是一個(gè)js語(yǔ)言的執(zhí)行器，它能把其中的參數(shù)按照J(rèn)avaScript語(yǔ)法進(jìn)行解析并執(zhí)行。

語(yǔ)法：

eval(s);

eval()方法中的參數(shù)s有多種情況。參數(shù)的不同形式，會(huì)使eval()方法執(zhí)行的結(jié)果和返回值有差別。下面來(lái)說(shuō)說(shuō)他們的區(qū)別。

eval()方法的參數(shù)形式

如果參數(shù)s不是字符串，而是整數(shù)或者是Function類型，則直接返回該整數(shù)或Function

舉個(gè)栗子

例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();//執(zhí)行方法  s=1,打印日志"1111"

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

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

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

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

如果參數(shù)s是字符串，并且字符串中是表達(dá)式，則eval()方法會(huì)計(jì)算字符串中的表達(dá)式，返回該表達(dá)式計(jì)算的結(jié)果。

舉個(gè)栗子

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

如果參數(shù)s是字符串，并且字符串中的表達(dá)式是JSON格式（此時(shí)的JOSN格式外面要加上一對(duì)小括號(hào)將JSON包圍起來(lái)），則eval()方法返回該JSON。

舉個(gè)栗子

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}這種格式在解析時(shí)會(huì)轉(zhuǎn)換成{'aa':11,'bb':22}這種格式

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

附注

對(duì)于eval()方法，上面所說(shuō)的的JSON格式也是屬于表達(dá)式的一種。但是如果JSON格式中沒(méi)有小括號(hào)包圍，則該eval()方法就不會(huì)返回該對(duì)象。
如：eval(“{‘aa’:11,’bb’:22}”)這種格式，就不會(huì)返回{‘aa’:11,’bb’:22}。

因?yàn)閑val()方法在處理方括號(hào)”{}”時(shí)，會(huì)把它當(dāng)成是一個(gè)語(yǔ)句塊。那么eval()方法只會(huì)執(zhí)行該語(yǔ)句，并不會(huì)返回該值（結(jié)果是拋出異常）。

正確的寫(xiě)法是：在JSON格式外加上小括號(hào)”()”,使其強(qiáng)制類型轉(zhuǎn)換成JSON格式(表達(dá)式)，并返回該JSON值。這一點(diǎn)和即時(shí)函數(shù)(function(){})()一樣，()的作用也是將該function強(qiáng)制轉(zhuǎn)換成表達(dá)式并返回。

如果參數(shù)s是字符串，并且字符串中是語(yǔ)句或語(yǔ)句塊，則eval()方法會(huì)執(zhí)行該語(yǔ)句或語(yǔ)句塊，并且返回undefined

舉個(gè)栗子

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();");
//執(zhí)行定義并調(diào)用t的方法：彈出3.并且返回undefined
console.log(s);
//打印undefined

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

eval("var j={sex:'男',age:27};alert(j.age);");
/*
此處的json對(duì)象不用小括號(hào)"()"括起來(lái)。因?yàn)樵撎幨菆?zhí)行語(yǔ)句，而非計(jì)算表達(dá)式
*/

附注

eval()方法中，如果json格式是存在于語(yǔ)句中的，那么該json格式不需要用小括號(hào)”()”括起來(lái)。表達(dá)式中的json要括起來(lái)的原因是，eval()要計(jì)算表達(dá)式并且返回結(jié)果。而eval()對(duì)語(yǔ)句只是執(zhí)行，并不會(huì)計(jì)較返回值（因?yàn)榉祷氐亩际?undefined）

eval()方法的錯(cuò)誤處理機(jī)制

如果eval()參數(shù)中有非法的表達(dá)式和語(yǔ)句，則拋出 SyntaxError 異常。

如果非法調(diào)用 eval()，則拋出 EvalError 異常。

如果傳遞給 eval() 的 Javascript 代碼生成了一個(gè)異常，eval() 將把該異常傳遞給調(diào)用者。

注：eval()方法在執(zhí)行js代碼時(shí)可能會(huì)出現(xiàn)異常，所以最好用try…catch語(yǔ)句來(lái)執(zhí)行eval()方法

舉個(gè)栗子

例1：

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

例2：

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

例3：

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

注意：

使用eval會(huì)有很多問(wèn)題，如果想要實(shí)現(xiàn)轉(zhuǎn)化，可以使用JSON.parse,如果后臺(tái)返回為JSON對(duì)象，則直接使用data就可以。如果使用jq，則將type設(shè)置為json，或者利用$.getJSON（）方法獲得服務(wù)器返回，就不需要eval方法了

使用eval轉(zhuǎn)化時(shí)為什么要添加括號(hào)

這是eval自身的問(wèn)題。由于json是以{}的方式來(lái)開(kāi)始以及結(jié)束的，在js中，它會(huì)被當(dāng)成一個(gè)語(yǔ)句塊來(lái)處理，所以必須強(qiáng)制性的將它轉(zhuǎn)化成一種表達(dá)式。加上（）是迫使eval函數(shù)在處理js代碼的時(shí)候強(qiáng)制將{}內(nèi)的表達(dá)式轉(zhuǎn)化為對(duì)象，而不是作為語(yǔ)句來(lái)執(zhí)行。

總結(jié)

到此這篇關(guān)于js中eval方法詳解之eval方法的初級(jí)應(yīng)用的文章就介紹到這了,更多相關(guān)js中eval方法初級(jí)應(yīng)用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論