Language

[udemy] Web Developer javascript prototype class

jaewpark 2022. 5. 9. 11:28

index.html
app.js
결과물

this를 사용된 함수로 new 객체를 생성, prototype을 만들어서 RandomColor에 대한 내부함수가 실행될 수 있게 만드는 과정
Prototypes (참고)

 

Class (참고)

  • Class 정의를 위해 class 선언
  • Constrictor 메서드 : class 로 생성된 객체를 생성하고 초기화하기 위한 특수한 메서드 (한개만 존재)

index.html
app.js

리스트에 적힌 색깔을 input에 넣고 submit 하게 되면, 리스트 및 제목을 해당 색깔로 변하고 배경색은 보색으로 변하게 되는 사이트 완성

 

Super (참고)

app.js

부모클래스의 생성자 함수를 호출하여 추가 값까지 입력한 Cat