Đánh giá ngắn mạch về cơ bản hoạt động với &&và || toán tử logic. Biểu thức được đánh giá từ trái sang phải.
Đối với nhà điều hành && - Đánh giá ngắn mạch với toán tử logic &&(AND) có nghĩa là nếu biểu thức đầu tiên được đánh giá là sai thì toàn bộ biểu thức sẽ là sai và phần còn lại của các biểu thức sẽ không được đánh giá.
Đối với || toán tử - Đánh giá ngắn mạch với toán tử logic || (OR) có nghĩa là nếu biểu thức đầu tiên được đánh giá là true thì toàn bộ biểu thức sẽ là true và phần còn lại của các biểu thức sẽ không được đánh giá.
Sau đây là mã để đánh giá ngắn mạch 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;
color: blueviolet;
}
</style>
</head>
<body>
<h1>Short-circuit evaluation</h1>
<div class="result"></div>
<br />
<button class="Btn">&& short circuit evaluation</button>
<button class="Btn">|| short circuit evaluation</button>
<h3>Click on the above button to see the the short circuit evaluation</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelectorAll(".Btn");
function retTrue() {
resEle.innerHTML += "True <br>";
return true;
}
function retFalse() {
resEle.innerHTML += "False <br>";
return false;
}
BtnEle[0].addEventListener("click", () => {
resEle.innerHTML = "&& evaluation<br>";
retFalse() && retTrue();
});
BtnEle[1].addEventListener("click", () => {
resEle.innerHTML = "|| evaluation <br>";
retTrue() || retFalse();
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút “&&đánh giá ngắn mạch” -
Khi nhấp vào dấu ‘|| nút đánh giá ngắn mạch ”-
