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를 공유
- 클래스생성자의 상속
