210825 자바스크립트 수강내용

1. this

 - 자기 자신의 객체를 말함.

 - 호출한 주체가 누구인지를 파악해야함(함수 호출 방식을 파악)

 - 일반함수호출 : 전역객체, 메서드호출 : 호출한 객체, 생성자함수호출 : 생성자함수가 생설할 인스턴스 

 - 전역객체는 window

 

2. arrowFucntion

 - 익명함수

 - 함수 매개변수 1개인 경우 괄호생략가능

 - 콜백함수에서 사용하면 매우 간결하게 표현가능

 - 우리가 흔히 알고 잇는 함수를 완벽하게 대체 할 수는 없음.

 

 

3. 콜백함수

 - 함수 안에서 어떤 특정한 시점에 호출되는 함수

 - 일반적으로 콜백함수는 다른 함수의 매개변수로 함수를 전달하여, 특정시점에 매개변수로 전달한 함수가 다시 호출되는 함수를 말함.

4. setTimeout(콜백함수,시간) : 일정시간 후 콜백함수 실행.

 *아래사진에서 실행된 순서를 출력된 순서로 생각하자.

 - 비동기처리 개념의 등장 : 특정 코드의 연산이 끝나고 실행되는 것을 기다리지 않고 다음 코드 실행으로 넘어가는 것.

호출순서와 출력된 순서가 다름

 

4. 콜백지옥 

 - 비동기 처리 연산을 위해 콜백 함수를 연속으로 사용할 때 발생

 - 가독성이 떨어진다

화살표함수 와 일반함수로 각각 함수호출

 

위와 연결됨

 

5. 콜백지옥 해결을 위한 문법

 -(ES6) promise : .then을 사용하여 그 다음 작업을 설정함

 -(ES8) async , await : 함수의 앞부분에 async 붙히고, 해당함수 내부에서 promise 앞부분에 await 사용

 

6. 계산기만들기

 

7. 생성자함수 

 - new연산자와 함께 호출하여 객체를 생성하는 함수

 - 생성자 함수에 의해 생성된 객체를 인스턴스라고 함.

- 함수생성자와 클래스생성자가 있음

함수생성자

 

 

 

- 함수생성자의 상속 : prototype

프로토타입 사용안함

- 생성자함수가 생성한 모든 인스턴스는 부모객체의 역할을 하는 Circle.prototype으로부터 getArea메서드를 상속

- 즉, 생성자함수가 생성하는 모든 인스턴스는 하나의 getArea를 공유

프로토타입 사용

- 클래스생성자의 상속

클래스 생성자의 getter와 setter