Computer >> Máy Tính >  >> Lập trình >> Javascript

Giải thích hàm eval () của JavaScript các quy tắc phải tuân theo khi sử dụng nó.

Hàm eval () được sử dụng để đánh giá chuỗi đã cho và thực thi nó dưới dạng mã JavaScript. Việc sử dụng eval () rất nguy hiểm vì ai đó có thể chuyển mã độc hại dưới dạng chuỗi đầu vào đến một trong các đầu vào.

Sau đây là mã để hiển thị hàm eval () trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JavaScript eval() function</h1>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to see eval() usage</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   function multiply(a, b) {
      return a * b;
   }
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML += eval("12+92") + "";
      eval('resEle.innerHTML += "Hello world "');
      resEle.innerHTML += eval("multiply(12,33)");
   });
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Giải thích hàm eval () của JavaScript các quy tắc phải tuân theo khi sử dụng nó.

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Giải thích hàm eval () của JavaScript các quy tắc phải tuân theo khi sử dụng nó.