Trong ES6, nếu tên khóa đối tượng và các biến được truyền dưới dạng giá trị thuộc tính có cùng tên thì chúng ta chỉ cần bỏ qua tên giá trị và chỉ xác định tên khóa.
Sau đây là mã cho các phím tắt thuộc tính 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>ES6 Property Shorthands in JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to display the person object</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
let name='Rohan',age=16,place='Delhi';
let person = {
name,age,place,
}
BtnEle.addEventListener("click", () => {
resEle.innerHTML = 'person.name = '+person.name+'<br>';
resEle.innerHTML += 'person.age = '+person.age+'<br>';
resEle.innerHTML += 'person.place = '+person.place+'<br>';
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
