반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- Medium
- Level1
- Level3
- 파이썬
- 웹프로그래밍
- javascript
- react
- 리트코드
- OS
- 코테연습
- LeetCode
- web
- Level2
- sql
- 프로그래머스
- typescript
- CS
- Doitvue.js입문
- 프로그래밍
- 고득점Kit
- 백준
- C++
- VUE
- 리액트
- 동적계획법
- 배열
- 카카오
- dp
- 자바스크립트
- python
Archives
- Today
- Total
[react] react를 위한 js ② - class 와 super 본문
반응형
class 구조
class 클래스명 { constructor(arg){//이 안에 초기 클래스 설정 값을 쓸 수 있다. this.prototype = arg; } }
class는 부모 class를 상속 받을 수 있다.
class 클래스명 extends 부모 클래스class 클래스명 extends 부모클래스명 { constructor(arg,inp){ super(inp)//부모의 인풋을 꼭 써줘야한다. this.prototype = arg; } }
예시 코드
class Animal{ constructor(leg){ this,leg = leg } printAnimal(){ console.log(this.name+"은 "+String(this.leg)+"개의 다리를 가진다.") } } // Lion - > Animal 유용한 기능 가져다 쓰기 class Lion extends Animal{ constructor(name,leg){ super(leg) // 부모의 iput(contstructor의 인풋) this.name = name } getName(){ console.log("내 이름은 " + this.name) } } myLion = new Lion("king") myLion.getName() myLion.printAnimal
반응형
'Web > React' 카테고리의 다른 글
[react] react 시작하기 ② - JSX (0) | 2020.04.12 |
---|---|
[react] react 시작하기 ① - 개요와 환경설정 (0) | 2020.04.12 |
[react] react를 위한 js ④ - Promise, Async - Await (0) | 2020.04.12 |
[react] react를 위한 js ③- Async, Callback (0) | 2020.04.12 |
[react] react를 위한 js ① - arrow fucntion (0) | 2020.04.12 |
Comments