JavaScriptのeval関数の使用紹介
3027 ワード
JavaScriptでは、eval()関数を使用して文字列中のJavaScriptコードを解析し、該当コードの実行結果を返します.
eval()の使用
以下の2つの理由に基づいて、必要でない限り、コードの中でeval()の文を使用することを避けるべきです.
1.論理的には、文字列は、プログラムの実行中のコンテンツ、情報を格納するために使用されるべきであり、具体的な計算ロジックを格納するために使用されるべきではない.2.eval()パラメータは文字列であるため、文字列については語法ができないため、eval()呼出文に対して、JavaScript解釈器は最適化できません.
eval()の戻り値
eval()の戻り値は、以下の規則に従う.
1.eval()のパラメータが文字列でない場合、eval()は直接パラメータに戻ります.2.eval()のパラメータが文字列である場合、eval()はこの文字列をコードに解析して実行し、最後の行のコードの実行結果を返します.3.文字列が合法的なコードに解析できない場合、eval()はSyntxErrエラーをスローします.4.文字列が合法的なコードとして解析できる場合、このコードを実行する過程でエラーが発生した場合、このエラーはエヴァ()文に報告され、エヴァ()から投げられます.
JavaScriptのeval()には重要な特性があります.eval()パラメータ文字列のコードは外部コードの変数にアクセスできます.パラメータ文字列コードに新規作成された変数を外部コードに暴露することもできます.つまり、eval()パラメータ文字列が合法的に解析されると、JSは解析後のコードをeval()のある行に置き換えます.
console.log(eval("42 * 2"));//84
console.log(this.eval("42 * 2"));//84
eval()の使用
以下の2つの理由に基づいて、必要でない限り、コードの中でeval()の文を使用することを避けるべきです.
1.論理的には、文字列は、プログラムの実行中のコンテンツ、情報を格納するために使用されるべきであり、具体的な計算ロジックを格納するために使用されるべきではない.2.eval()パラメータは文字列であるため、文字列については語法ができないため、eval()呼出文に対して、JavaScript解釈器は最適化できません.
eval()の戻り値
eval()の戻り値は、以下の規則に従う.
1.eval()のパラメータが文字列でない場合、eval()は直接パラメータに戻ります.2.eval()のパラメータが文字列である場合、eval()はこの文字列をコードに解析して実行し、最後の行のコードの実行結果を返します.3.文字列が合法的なコードに解析できない場合、eval()はSyntxErrエラーをスローします.4.文字列が合法的なコードとして解析できる場合、このコードを実行する過程でエラーが発生した場合、このエラーはエヴァ()文に報告され、エヴァ()から投げられます.
console.log(eval([1,2,3]));//[1, 2, 3]
console.log(typeof eval([1,2,3]));//object
console.log(eval("42 */ 2"));//SyntaxError
console.log(eval("42 * 2; 22 * 3;"));//66. eval returns the result of last expression/statement
console.log(eval("null.toString()"));//TypeError, exception in eval-ed code will be propagated outside eval().
JavaScriptのeval()には重要な特性があります.eval()パラメータ文字列のコードは外部コードの変数にアクセスできます.パラメータ文字列コードに新規作成された変数を外部コードに暴露することもできます.つまり、eval()パラメータ文字列が合法的に解析されると、JSは解析後のコードをeval()のある行に置き換えます.
//variable environment
var a = 108;
console.log(eval("function double(x){return x*2;} a = double(a)"));
console.log(a);//216
console.log(double(33));//66
function test(){
var s = "test";
eval("return s;");
}
test();//SyntaxError: return not in function
//local variable environment and global variable environment
var renamed = eval;
var x = "origin", y = "origin";
function f(){
var x = "new";
eval("x += 'Changed';");
return x;
}
function g(){
var y = "new";
renamed("y += 'Changed';");
return y;
}
console.log(f(), x);//newChanged origin
console.log(g(), y);//new originChanged