wiki:javascript:javascript_note:js_object_accessors

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:js_object_accessors [2021/05/03 09:30]
emblim98 만듦
+++ wiki:javascript:javascript_note:js_object_accessors [2023/01/13 18:44] (현재)
@@ 줄 106: / 줄 106: @@
 ====Example====
 <code javascript>
+// Create an object:
+let person = {
+  firstName: "Elizabeth",
+  lastName: "Taylor",
+  language: "en",
+  get lang() {
+    return this.language.toUpperCase();
+  }
+};
+// Display dafta from the object using a getter:
+document.getElementById("demo").innerHTML = person.lang;  // EN
 </code>
 \\
@@ 줄 113: / 줄 123: @@
 ====Example====
 <code javascript>
+// Create an object:
+let person = {
+  firstName: "Elizabeth",
+  lastName: "Taylor",
+  language: "",
+  set lang(lang) {
+    this.language = lang.toUpperCase();
+  }
+};
+// Set a property using set:
+person.lang = "en";
+// Display data from the object:
+document.getElementById("demo").innerHTML = person.language;  // EN
 </code>
 \\
@@ 줄 128: / 줄 150: @@
 ====Example====
 <code javascript>
+// Define an object
+let obj = { counter: 0 };
+// Define Setters and Getters
+Object.defineProperty(obj, "reset", {
+  get: function () { this.counter = 0; }
+});
+Object.defineProperty(obj, "increment", {
+  get: function () { this.counter++; }
+});
+Object.defineProperty(obj, "decrement", {
+  get: function () { this.counter--; }
+});
+Object.defineProperty(obj, "add", {
+  set: function (value) { this.counter += value; }
+});
+Object.defineProperty(obj, "subtract", {
+  set: function (value) { this.counter -= value; }
+});
+// Play with counter:
+obj.reset;
+console.log(obj); // {counter: 0}
+obj.add = 5;
+console.log(obj); // {counter: 5}
+obj.subtract = 1;
+console.log(obj); // {counter: 4}
+obj.increment;
+console.log(obj); // {counter: 5}
+obj.decrement;
+console.log(obj); // {counter: 4}
+document.getElementById("demo").innerHTML = obj.counter;  // 4
 </code>

/var/services/web/dokuwiki/data/attic/wiki/javascript/javascript_note/js_object_accessors.1620001818.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)