자바스크립트에서 Eval() 함수를 알고 사용하는 방법

자바 스크립트에서 평가 기능이 무엇인지 모르는 사람들을 위해? 이 기사에서는 자바스크립트의 eval() 함수를 이해하기 위해 철저히 논의합니다. 이전에 나는 또한 몇 가지에 대해 논의했습니다. JavaScript 프로그래밍 언어에서 사용되는 흥미로운 기능의 예 더 자세히 읽어주세요.

 자바스크립트에서 Eval() 함수를 알고 사용하는 방법

eval 함수는 자바스크립트에서 문장을 표현하거나 평가할 때 유용한 함수입니다. 파서와 유사할 수 있으며 자바스크립트의 eval() 함수가 명령문을 실행할 수 있다는 점 외에도 있습니다. 따라서 이 함수는 표현식이나 구문을 실행할 수 있습니다.




그러면 이 기능을 어떻게 사용할까요? 여기에서는 자바스크립트의 eval() 함수에 대한 간단한 프로그램 예제를 제공합니다.


Javascript에서 Eval 함수를 사용하는 예

eva() 함수를 사용하는 방법에는 변수에 직접 입력되는 값이나 입력 태그에서 값을 입력하는 방법, 팝업 상자 프롬프트()를 사용할 수 있는 방법 등 여러 가지가 있습니다.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Hardifal.com</title>
 
</head>
<body>
<button onclick="fungsi()">Klik</button>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>
<script>
 function fungsi(){
  b = 20;
  a = 10;
  document.getElementById('demo1').innerHTML = eval (a+b);
  document.getElementById('demo2').innerHTML = eval (20-10);
  document.getElementById('demo3').innerHTML = eval (a-b);
  document.getElementById('demo4').innerHTML = eval (a*b);
  document.getElementById('demo5').innerHTML = eval (a/b);
 }
</script>
</body>
</html>


결과 :

 자바스크립트에서 Eval() 함수를 알고 사용하는 방법

입력 태그 형식의 구문을 실행하는 예입니다.

 <form name="form">
  
 <input type="text" name="a">
 <input type="text" name="b">
 </form>
<button onclick="fungsi()">Klik</button>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>
<script>
 function fungsi(){
  b = eval(form.a.value);
  a = eval(form.b.value);
  document.getElementById('demo1').innerHTML = a+b;
  document.getElementById('demo2').innerHTML = 20-0;
  document.getElementById('demo3').innerHTML = a-b;
  document.getElementById('demo4').innerHTML = a*b;
  document.getElementById('demo5').innerHTML = a/b;
 }
</script>


데모:

 자바스크립트에서 Eval() 함수를 알고 사용하는 방법

양식 입력 태그를 사용하여 자바스크립트의 Eval() 함수를 사용하면 parseInt()를 사용하는 것과 마찬가지로 정수 값을 반환합니다.


또한 다음 예제와 함께 팝업 상자 프롬프트()를 사용할 수도 있습니다.

<button onclick="fungsi()">Klik</button>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>
<script>
 function fungsi(){
  b = eval(prompt('Masukan angka 1'));
  a = eval(prompt('Masukan angka 2'));
  document.getElementById('demo1').innerHTML = a+b;
  document.getElementById('demo2').innerHTML = 20-0;
  document.getElementById('demo3').innerHTML = a-b;
  document.getElementById('demo4').innerHTML = a*b;
  document.getElementById('demo5').innerHTML = a/b;
 }
</script>


데모:

 자바스크립트에서 Eval() 함수를 알고 사용하는 방법