본문 바로가기

자바스크립트

javascript(class)

class

: constuctor(생성자)함수의 대체제로 사용할 수 있다.

나오는 결과 값은 constuctor(생성자)와 같지만 내부적으로는 다르게 입력한다.


1.객체호출

먼저, 객체를 만드는 공장같은 constructor의 기능을 class가 대체 할 수 있다.

그리고나서 객체로 호출할때는 new를 붙이는것은 동일하다.

person이 객체로 나오는 것을 확인할 수있다.

2.class 초기화하는법❗

▶class의 내의 함수 즉,메소드를 적야할때 function...이라고 쓰지 않는다.

sum(){} //이 기호로 함수를 표현한다.

▶class내에서 객체를 초기화 하기 위해 필수적으로 쓰이는 함수가 있다. ✍️constructor

class Person(){
  constructor(){} //약속이므로 이름을 바꿔서도 안된다.
  }

 

 

🔴🟡🟢중요!

 new person( )으로 객체를 생성하면서 class내의 constructor(){}를 자동으로 먼저 호출한다.

그 예시로👇

Person이라는 함수를 호출하지 않았지만 kim위에 'constructor'이라는 결과값이 나왔고 이 말인 즉슨,

new Person(); =>객체를 생성할때 constructor을 자동으로 먼저 호출한다는 것을 알 수 있다.

 

3.메소드구현

밖에서의 작동

▶class밖에서도 할 수 있다(이때는 prototype사용이 constructor때와 같다ㅎ)

 

안에서의 작동

▶✅안에서 구현할 시에는 function이라는 글자를 다 빼고 간단하게 적을 수 있다.

(아무생각없이 그대로 밖에 것을 옮겨서 안에 넣었다가 왜 안되는지 잠깐 의문을 가졌다...ㅎ)

 

kim , lee 둘다 사용해보기

😎완료!

 

저번에도 들었지만 그래도 다시 한번 더 듣는게 이해가 더빠르고 좀 더 알아간 느낌이 있다.

잊을만하면 다시 돌아와야겠다ㅋㅋ

'자바스크립트' 카테고리의 다른 글

shift() & unshift() & Splice()  (0) 2022.11.13
전개 연산자  (0) 2022.11.11
javascript(constructor)  (0) 2022.10.20
javascript 공부(this)  (0) 2022.10.20
javascript 객체(기본구조)  (0) 2022.10.20