wiki:javascript:javascript_note:js_classes_-_class_intro

차이

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

차이 보기로 링크

--- wiki:javascript:javascript_note:js_classes_-_class_intro [2021/04/12 10:06]
emblim98
+++ wiki:javascript:javascript_note:js_classes_-_class_intro [2023/01/13 18:44] (현재)
@@ 줄 121: / 줄 121: @@
 ====예제====
 클래스 메소드에 __매개 변수__(parameters)를 보낼 수 있습니다.\\
-<code javascipt>
+<code javascript>
 <!DOCTYPE html>
 <html>
@@ 줄 141: / 줄 141: @@
         let year = date.getFullYear();
         let myCar = new Car("Ssangyong", 2016);
-        document.getElementById("demo").innerHTML = "My car is " + myCar.age() + " years old.";
+        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>
 {{tag>오션, Javascript class intro}}

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