dada's

javascript class 본문

Javascript

javascript class

dykang 2023. 1. 26. 22:25
728x90

class란

자바스크립트에서 클래스란 함수의 한 종류이다.

동일한 종류의 객체를 여러개 생성해야하는 경우 new 연산자와 생성자 함수, 클래스를 사용할 수 있다.

 

[ 기본 문법 ]

class User {
	constructor(name) {
    	this.name = name;
    }
    
    sayHi() {
    	alert(this.name)
    }
}

// 사용법
let user = new User("Kim");
user.sayHi() // Kim 출력

» new User호출시 일어나는 일

새로운 객체 생성 → 넘겨받은 인수와 함께 constructor가 자동으로 실행된다. 이때 인수 'kim'this.name에 할당

 

» class User{...} 문법 구조가 진짜 하는 일

User라는 이름을 가진 함수를 만든다 → 함수 본문은 생성자 메서드 constuctor에서 가져온다 (생성자 메서드가 없으면 본문이 비워진채로 함수가 만들어진다) → sayHi같은 클래스 내에서 정의한 메서드를 User.prototype에 저장

=> 메서드를 prototype프로퍼티를 통해 가져오는것

728x90
Comments