wiki:javascript:javascript_note:js_classes_-_class_intro

차이

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

차이 보기로 링크

--- wiki:javascript:javascript_note:js_classes_-_class_intro [2021/04/12 09:55]
emblim98
+++ wiki:javascript:javascript_note:js_classes_-_class_intro [2023/01/13 18:44] (현재)
@@ 줄 94: / 줄 94: @@
 Car age를 반환하는 "age"라는 클래스 메서드를 만듭니다.\\
 ====예제====
+<code javascript>
+<!DOCTYPE html>
+<html>
+<body>
+    <h2>JavaScript Class Method</h2>
+    <p>How to define and use a Class method.</p>
+    <p id="demo"></p>
+    <script>
+        class Car {
+            constructor(name, year) {
+                this.name = name;
+                this.year = year;
+            }
+            age() {
+                let date = new Date();
+                return date.getFullYear() - this.year;
+            }
+        }
+        let myCar = new Car("Ssangyong", 2016);
+        document.getElementById("demo").innerHTML = "My car is " + myCar.age() + " years old.";
+    </script>
+</body>
+</html>
+</code>
+====예제====
+클래스 메소드에 __매개 변수__(parameters)를 보낼 수 있습니다.\\
+<code javascript>
+<!DOCTYPE html>
+<html>
+<body>
+    <h2>JavaScript Class Method</h2>
+    <p>Pass a parameter into the "age()" method.</p>
+    <p id="demo"></p>
+    <script>
+        class Car {
+            constructor(name, year) {
+                this.name = name;
+                this.year = year;
+            }
+            age(x) {
+                return x - this.year;
+            }
+        }
+        let date = new Date();
+        let year = date.getFullYear();
+        let myCar = new Car("Ssangyong", 2016);
+        document.getElementById("demo").innerHTML = "My car is " + myCar.age(year) + " years old.";
+    </script>
+</body>
+</html>
+</code>
+====="use strict"=====
+클래스의 구문은 "%%strict mode%%"로 작성되어야 합니다.\\
+\\
+"strict mode" 규칙을 따르지 않으면 오류가 발생합니다.\\
+====예제====
+"stict mode"에서 선언하지 않고 변수를 사용하면, 오류가 발생합니다.\\
+<code javascript>
+<!DOCTYPE html>
+<html>
+<body>
+    <h2>JavaScript Clasess are written in "strict mode"</h2>
+    <p>In a JavaScript Class you cannot use variable without declaring it.</p>
+    <p id="demo"></p>
+    <script>
+        class Car {
+            constructor(name, year) {
+                this.name = name;
+                this.year = year;
+            }
+            age() {
+                // date = new Date();  // This will not work
+                let date = new Date(); // This will wrok
+                return date.getFullYear() - this.year;
+            }
+        }
+        myCar = new Car("Volvo", 2020);
+        document.getElementById("demo").innerHTML = "My Car is " + myCar.age() + " years old.";
+    </script>
+</body>
+</html>
+</code>

/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/js_classes_-_class_intro.1618188914.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)