|
? Propriet? getter e setter ? ES5 consente di definire i metodi dell?oggetto con una sintassi che sembra ottenere o impostare una propriet?. ? Questo esempio crea un getter per una propriet? chiamata fullName: https://www.w3schools.com/js/tryit.asp?filename=tryjs_es5_setter1 <!DOCTYPE html> <html> <body> <h2>JavaScript Getters and Setters</h2> <p>Getters and setters allow you to get and set properties via methods.</p> <p>This example creates a getter for a property called fullName.</p> <p id="demo"></p> <script> // Create an object: var person = { firstName: "John", lastName : "Doe", get fullName() { return this.firstName + " " + this.lastName; } }; // Display data from the object using a getter: document.getElementById("demo").innerHTML = person.fullName; </script> </body> </html> ' Questo esempio crea un setter e un getter per la propriet? language: https://www.w3schools.com/js/tryit.asp?filename=tryjs_es5_setter <!DOCTYPE html> <html> <body> <h2>JavaScript Getters and Setters</h2> <p>Getters and setters allow you to get and set properties via methods.</p> <p>This example creates a setter and a getter for the language property.</p> <p id="demo"></p> <script> // Create an object: var person = { firstName: "John", lastName : "Doe", language : "NO", get lang() { return this.language; }, set lang(value) { this.language = value; } }; // Set an object property using a setter: person.lang = "en"; // Display data from the object using a getter: document.getElementById("demo").innerHTML = person.lang; </script> </body> </html> ' Questo esempio utilizza un setter per proteggere gli aggiornamenti di maiuscole della lingua: https://www.w3schools.com/js/tryit.asp?filename=tryjs_es5_setter2 <!DOCTYPE html> <html> <body> <h2>JavaScript Getters and Setters</h2> <p>Getters and setters allow you to get and set properties via methods.</p> <p>This example has a modified setter to secure upper case uppdates of language.</p> <p id="demo"></p> <script> // Create an object: var person = { firstName: "John", lastName : "Doe", language : "", set lang(value) { this.language = value.toUpperCase(); } }; // Set an object property using a setter: person.lang = "en"; // Display data from the object: document.getElementById("demo").innerHTML = person.language; </script> </body> </html> |