JavaScript 클래스

1 개요

JavaScript 클래스

자바스크립트 class

• 자바스크립트는 {}를 사용하여 객체를 생성함

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.

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.

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.

2 class 키워드

• 자바스크립트는 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.

3 같이 보기

• class
• 클래스

4 참고 자료

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