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 키워드는 ECMAScript 6을 통해 소개되었으며 문법적으로는 더 명료함을 보여줌
• 여전히 브라우저 호환성 측면에서 문제점이 있음

3 같이 보기

• class
• 클래스