위키
포럼
도구
바뀐글
랜덤

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

(새 문서: ==개요== ;JavaScript 클래스 <source lang='JavaScript'> function Dog(name) { this.name = name; this.bark = function() { console.log("Woof! I'm " + this.name +"."); } } v...)
 
잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 3명의 중간 판 21개는 보이지 않습니다)
1번째 줄: 1번째 줄:
==개요==
==개요==
;JavaScript 클래스
 
<source lang='JavaScript'>
*자바스크립트는 class 키워드를 통한 클래스 구현이 가능함
function Dog(name) {
*class 키워드는 2015년 ECMAScript 6을 통해 소개가 되었으며 문법적으로는 더 명료함을 보여줌
  this.name = name;
*아직 브라우저 호환성 측면에서 문제점이 있음
  this.bark = function() {
 
    console.log("Woof! I'm " + this.name +".");
<syntaxhighlight lang="javascript">
  }
class Dog {
}
     constructor(name) {
var myDog = new Dog("Snoopy");
        this.name = name;
myDog.bark();
    }
// Woof! I'm Snoopy.
 
</source>
     bark() {
<source lang='JavaScript'>
        console.log("Woof! I'm " + this.name +".");
var Dog = function(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");
var myDog = new Dog("Snoopy");
myDog.bark();
myDog.bark();  
// Woof! I'm Snoopy.
// Woof! I'm Snoopy.
</source>
</syntaxhighlight>
 
==같이 보기==
*[[자바스크립트 객체]]
* [[class]]
* [[클래스]]
 
==참고==
*https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes


[[분류: JavaScript]]
[[분류: 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://zetawiki.com/w/index.php?title=JavaScript_클래스&oldid=606943"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}