[TIL]220426 - javaScript 함수

koseony·2022년 4월 26일

TIL(Today I Learn)

목록 보기
2/19
post-thumbnail

🌟javaScript 함수

1. 함수

함수를 선언할 때 ()안에 넣는 것을 매개변수라고 한다.
함수는 실행할때 ()안에 넣는 것을 인수라고 한다.

return이 실행되면 return 밑에는 실행이 안된다.

참이면 return으로 인해 함수 종료

2. 화살표 함수

화살표 함수는 축약형이다

객체는 ()로 감싼다.

3. IIFE 즉시실행함수

2번째 방법을 권장한다.

4. 호이스팅

호이스팅이란 함수 선언부가 유효범위 최상단으로 올려지는 현상이다.
계속 메모리로 남아있어서 접근 가능하다.
아래 이미지는 const에 함수를 선언했기 때문에 순서를 지켜야 하지만

아래 이미지는 어디서는 가져다 쓸 수 있다.

5. 타이머 함수

6. 콜백

함수의 인수로 사용되는 함수를 콜백함수라고 한다.

7. 생성자 함수 (클래스)


new를 이용해 생성자 함수 생성
하나의 객체 데이터 생성



프로토타입!

8. this


normal()은 호출할 때 'hoseon'이 들어가있어서 hoseon이 출력 된다.
arrow()는 함수범위에서 this를 정의하기때문에 함수정의 부분에 name이 없기때문에 undefined가 출력된다.


setTimeout()을 쓸때는 콜백으로 화살표 함수를 사용한다.

9. ES6 Classes

10. 상속(확장)

extends

profile
프론트엔드 개발자

0개의 댓글