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

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 2명의 중간 판 2개는 보이지 않습니다)
5번째 줄: 5번째 줄:
*아직 브라우저 호환성 측면에서 문제점이 있음
*아직 브라우저 호환성 측면에서 문제점이 있음


<source lang="javascript">
<syntaxhighlight lang="javascript">
class Dog {
class Dog {
     constructor(name) {
     constructor(name) {
19번째 줄: 19번째 줄:
myDog.bark();  
myDog.bark();  
// Woof! I'm Snoopy.
// Woof! I'm Snoopy.
</source>
</syntaxhighlight>


==같이 보기==
==같이 보기==
*[[자바스크립트 객체]]
* [[class]]
* [[class]]
* [[클래스]]
* [[클래스]]


==참고 자료==
==참고==
*https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes
*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 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}