반응형
이 포스팅은 기본적인 프로그래밍 지식이 있다는 전제하에 작성하였습니다.
기본적인 내용은 생략된 것이 많으며, 필요한 문법과 사용 방법을 위주로 설명하였습니다.
보충 설명이 필요하신 분은 같은 객체 지향 언어인 자바를 기준으로 설명한 포스팅을 링크하도록하겠습니다.
(어차피 개념은 같습니다.)
클래스 선언
class className {
method1() { ... }
method2() { ... }
}- class 키워드로 클래스 정의
- 클래스 안에 다양한 메소드를 정의하여 사용 가능
- 클래스에 대한 보충 설명 (자바)
클래스 - 객체, 인스턴스 변수(=멤버 변수), 메소드
클래스 (Class) 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀을 의미 객체를 조금 더 효율적으로 생성하기 위해 만들어진 구문 객체 (Object) 클래스에
luvris2.tistory.com
클래스 사용 방법
- 클래스를 객체화 하여 독립적인 공간을 갖는 변수들로 사용 할 수 있음 (인스턴스 변수)
- 변수들의 대한 보충 설명 : https://luvris2.tistory.com/240
변수 - 클래스 변수, 인스턴스 변수, 지역 변수, 전역 변수
클래스 변수 Static 키워드를 사용 클래스 내의 모든 객체들의 값을 공유 this 키워드 사용 불가 인스턴스 변수 클래스에 선언된 객체 변수, 멤버 변수 혹은 속성이라고도 함 객체들간의 값을 공유
luvris2.tistory.com
// 클래스 정의
class className {
method1() { ... }
method2() { ... }
}
// 클래스 객체화
let myClass = new className();클래스 사용 예시
- 생성자에 대한 보충 설명 (자바)
클래스 - 생성자, this, this()
생성자 함수의 리턴 타입이 없음 클래스의 이름과 같은 이름으로 함수를 정의 메모리에 객체를 생성하여 영역을 확보 바로 인스턴스 변수에 데이터 셋팅 this this는 객체 자기 자신을 의미, 자신
luvris2.tistory.com
class Member {
// 생성자
constructor(name) {
this.name = name;
}
greeting() {
document.write("반갑습니다. 저는 " + this.name + "입니다.");
}
}
// 클래스 객체 생성
let member = new Member("홍길동");
// 클래스 메소드 호출
member.greeting();
반응형