Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- 자바스크립트 학습
- 프론트엔드공부
- node.js
- node.js프로젝트
- 개발자학습
- JavaScript
- 자바스크립트학습
- 자바스크립트
- node.js학습
- 프론트엔드
- js ajax
- 개발자공부
- 정보처리산업기사
- MongoDB
- 리액트
- 프론트엔드학습
- 프로토콜
- nodejs
- 자바스크립트기본
- 네트워크
- 개발공부
- react
- 개발자지식
- vue.js학습
- 프론트엔드 공부
- JS
- node.js 학습
- js학습
- Vue.js
- API
Archives
- Today
- Total
dada's
javascript class 본문
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
'Javascript' 카테고리의 다른 글
Javascript 문자열 자르기 (0) | 2023.03.16 |
---|---|
[js] fetch()함수 자바스크립트로 api호출하기 (0) | 2022.10.21 |
var와 let의 차이, let을 써야하는 이유(feat.호이스팅) (2) | 2022.09.30 |
Javascript 모듈(노트필기) (0) | 2022.09.21 |
자바스크립트 동기와 비동기, Callback, Promise, Async&Await (0) | 2022.08.25 |
Comments