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

Công dụng của câu lệnh JavaScript WITH là gì?


Câu lệnh WITH được sử dụng để chỉ định đối tượng mặc định cho thuộc tính đã cho và cho phép chúng tôi ngăn việc viết các tham chiếu đối tượng dài dòng. Nó thêm đối tượng đã cho vào phần đầu của chuỗi phạm vi.

Sau đây là mã cho câu lệnh with 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 with statement</h1>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to get the first and lastname property of obj</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let obj = {
      firstName: "Rohan",
      lastName: "Sharma",
   };
   BtnEle.addEventListener("click", () => {
      with (obj) {
         resEle.innerHTML = "Welcome " + firstName + " " + lastName;
      }
   });
</script>
</body>
</html>

Đầu ra

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

Công dụng của câu lệnh JavaScript WITH là gì?

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

Công dụng của câu lệnh JavaScript WITH là gì?