ต่อไปนี้เป็นรหัสเพื่อแทนที่คุณสมบัติที่ได้รับใน JavaScript -
ตัวอย่าง
<!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, .sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .result { color: red; } </style> </head> <body> <h1>Override derived properties</h1> <div class="sample">Before overriding <br /></div> <br /> <div class="result">After overriding <br /></div> <br /> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to override the above properties</h3> <script> let sampleEle = document.querySelector(".sample"); let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let objPerson = {name: "Rahul",age: 12,class: 7,}; let Person1 = Object.create(objPerson); sampleEle.innerHTML += "Person1.name = " + Person1.name + "<br>"; sampleEle.innerHTML += "Person1.age = " + Person1.age + "<br>"; sampleEle.innerHTML += "Person1.class = " + Person1.class + "<br>"; BtnEle.addEventListener("click", () => { Person1.name = "Shawn"; Person1.age = 18; Person1.class = 12; resEle.innerHTML += "Person1.name = " + Person1.name + "<br>"; resEle.innerHTML += "Person1.age = " + Person1.age + "<br>"; resEle.innerHTML += "Person1.class = " + Person1.class + "<br>"; }); </script> </body> </html>
ผลลัพธ์
เมื่อคลิกปุ่ม 'คลิกที่นี่' -