"JavaScript 클래스"의 두 판 사이의 차이

2020년 11월 2일 (월) 02:51 기준 최신판

1 개요[ | ]

자바스크립트는 class 키워드를 통한 클래스 구현이 가능함
class 키워드는 2015년 ECMAScript 6을 통해 소개가 되었으며 문법적으로는 더 명료함을 보여줌
아직 브라우저 호환성 측면에서 문제점이 있음

class Dog {
    constructor(name) {
        this.name = name;
    }

    bark() {
        console.log("Woof! I'm " + this.name +".");
    }
}

var myDog = new Dog("Snoopy");
myDog.bark(); 
// Woof! I'm Snoopy.

2 같이 보기[ | ]

3 참고[ | ]

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes

@@ 1번째 줄: / 1번째 줄: @@
 ==개요==
-;JavaScript 클래스
-;자바스크립트 class
-<source lang='JavaScript'>
-function Dog(name) {
-  this.name = name;
-  this.bark = function() {
-    console.log("Woof! I'm " + this.name +".");
-  }
-}
-var myDog = new Dog("Snoopy");
-myDog.bark();
-// Woof! I'm Snoopy.
-</source>
-<source lang='JavaScript'>
-var Dog = function(name) {
-  this.name = name;
-}
-Dog.prototype.bark = function() {
-  console.log("Woof! I'm " + this.name +".");
-}
-var myDog = new Dog("Snoopy");
-myDog.bark();
-// Woof! I'm Snoopy.
-</source>
-<source lang='JavaScript'>
-var Dog = function(name) {
-  var name;
-  var Dog = {
-    name: name,
-    bark: function() {
-      console.log("Woof! I'm " + this.name +".");
-    }
-  }
-  return Dog;
-}
-var myDog = new Dog("Snoopy");
-myDog.bark();
-// Woof! I'm Snoopy.
-</source>
-==class 키워드==
 *자바스크립트는 class 키워드를 통한 클래스 구현이 가능함
-*class 키워드는 2015년 ECMAScript 6을 통해 소개되었으며 문법적으로는 더 명료함을 보여줌
+*class 키워드는 2015년 ECMAScript 6을 통해 소개가 되었으며 문법적으로는 더 명료함을 보여줌
-*브라우저 호환성 측면에서 여전히 많은 문제점이 있음
+*아직 브라우저 호환성 측면에서 문제점이 있음
-<source lang="javascript">
+<syntaxhighlight lang="javascript">
 class Dog {
      constructor(name) {
@@ 58번째 줄: / 17번째 줄: @@
 var myDog = new Dog("Snoopy");
-myDog.bark(); // Woof! I'm Snoopy.
+myDog.bark();
-</source>
+// Woof! I'm Snoopy.
+</syntaxhighlight>
 ==같이 보기==
+*[[자바스크립트 객체]]
 * [[class]]
 * [[클래스]]
-==참고 자료==
+==참고==
 *https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes
 [[분류: JavaScript]]