New.target là một siêu dữ liệu cho phép chúng tôi xác định trong thời gian chạy liệu một phương thức khởi tạo chức năng có được gọi bằng cách sử dụng từ khóa mới hay không.
Sau đây là mã cho new.target 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>new.target in JavaScript.</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to call the Student constructor without the new keyword</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
function Student(name, age, place) {
if (!new.target) {
resEle.innerHTML ="Error : Student should be used with the new operator";
}
this.name = name;
this.age = age;
this.place = place;
}
BtnEle.addEventListener("click", () => {
Student("Shawn", 22, "Delhi");
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
