JavaScript에서 eval() 함수의 사용법에 대해 이야기해 보겠습니다.

이 글에서는 JavaScript의 eval() 함수 사용법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

1. 평가 함수의 용도는 무엇인가요?

eval 함수를 호출하면 해당 매개변수가 자바스크립트 프로그램으로 해석될 수 있습니다. 즉, eval은 해당 매개변수를 코드

로 실행할 수 있습니다.

Example

function f(x) {
    eval('var y=x');
    console.log('y:', y);
}
f('hello');//y:hello

이 예에서 eval은 string 매개변수 var y=x를 함수 <에서 코드 줄로 실행합니다. code>f는 내부적으로 지역 변수 y를 선언합니다. 이는 기본적으로 eval将它的string参数var y=x作为一行代码执行了，在函数f内部声明了一个局部变量y。这和

function f(x) {
    var y=x;
    console.log('y:', y);
}
f('hello');//y:hello

的执行效果基本相同。

2. 避免使用eval函数创建局部变量

允许eval函数干扰作用域，是一个相当错误的做法。这种做法会使一段代码变得难以理解，并且不再安全。下面这个例子便赋予了外部调用者修改局部变量，改变局部作用域的能力。

例子

let g = '全局变量'
function f(src) {
    eval(src);
    console.log('g:', g);
}
//以上为源代码
f("var g= '局部变量'");//g:局部变量
f("var y= '局部变量'");//g:全局变量

当我们把一个没有在源代码中定义的变量y，传入eval函数时，这段代码执行的结果将变得难以预测。

保证eval函数不影响外部作用域的一个简单方法是使用嵌套的作用域。ES5的严格模式便是这样做的。

例子

let g = '全局变量'
function f(src) {
   (()=> eval(src))();//在嵌套作用域中执行eval
    console.log('g:', g);
}
//以上为源代码
f("var g= '局部变量'");//g:全局变量
f("var y= '局部变量'");//g:全局变量

3. eval函数的两种调用方式

3.1 直接调用方式：

当函数调用涉及eval标识符时，可以称为直接调用。此时，被执行的程序（eval的参数）具有完全访问调用者局部作用域的权限。

例子

const g = '全局变量';
function foo() {
    const g = '局部变量';
    console.log(eval('g'));//直接调用，可以访问到foo的局部作用域，所以输出的是局部变量g
}
foo(); //局部变量

3.2 间接调用方式：

绑定eval到另一个变量名，在通过该变量调用eval,称之为间接调用。此时，被执行的程序（eval的参数）失去对局部作用域的访问能力。利用逗号操作符,

const g = '全局变量';
function foo2() {
    const g = '局部变量';
    cont test = eval;
    //间接调用，不能访问函数内部的变量g
    console.log(test('g')); //全局变量
    //间接调用简洁方式
    console.log((0, eval)('g'));//全局变量
}

와 동일한 실행 효과입니다.

2. eval 함수를 사용하여 로컬 변수를 생성하지 마세요

eval 함수가 범위를 방해하도록 허용하는 것은 매우 잘못된 접근 방식입니다. 이 접근 방식은 코드 조각을 이해하기 어렵게 만들고 더 이상 안전하지 않게 만들 수 있습니다. 다음 예에서는 외부 호출자에게 로컬 변수를 수정하고 로컬 범위를 변경할 수 있는 기능을 제공합니다.

🎜Example🎜🎜rrreee🎜소스 코드에 정의되지 않은 변수 y를 eval 함수에 전달하면 이 코드의 실행 결과는 다음과 같습니다. 매우 예측할 수 없게 됩니다. 🎜🎜 eval 함수가 외부 범위에 영향을 주지 않도록 하는 간단한 방법은 중첩된 범위를 사용하는 것입니다. ES5의 엄격 모드가 이를 수행합니다. 🎜🎜🎜예🎜🎜rrreee🎜🎜3. eval 함수를 호출하는 두 가지 방법🎜🎜🎜🎜3.1 직접 호출 방법: 🎜🎜🎜함수 호출에 eval 식별자가 포함된 경우 호출할 수 있습니다. 직접 전화. 이때 실행된 프로그램(eval의 매개변수)은 호출자의 로컬 범위에 대한 전체 액세스 권한을 갖습니다. 🎜🎜🎜Example🎜🎜rrreee🎜🎜3.2 간접 호출 방법: 🎜🎜🎜eval을 다른 변수 이름에 바인딩한 다음 해당 변수를 통해 eval을 호출하고 이를 간접 호출이라고 합니다. 이때 실행된 프로그램(eval의 매개변수)은 로컬 범위에 액세스하는 기능을 잃습니다. 쉼표 연산자 , 를 사용하면 간접 호출을 간결하게 작성하는 방법을 얻을 수 있습니다. 🎜🎜🎜예제🎜🎜rrreee🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 소개🎜를 방문하세요! ! 🎜

위 내용은 JavaScript에서 eval() 함수의 사용법에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!