JS 함수


함수 복습

  • 함수의 결과가 반복적으로 사용될 때
    -> 변수에 담아서 쓰는 것이 좋음
  • 단일로만 사용될 때
    -> 함수의 결과가 사용되는곳에서 호출하는게 좋음

❗️ 함수 표현과 함수 선언의 차이
함수 선언은 그 함수를 반환하는 변수를 만들고
함수 표현은 익명 함수를 사용

함수는 return 키워드를 만나면 종료됨


이런식으로 활용 가능!

arguments객체
-> 변수가 너무 많아서 일일히 이름을 지정 해 줄수 없을 때 사용


이런식으로 사용함






화살표 함수

일부 내용들을 축약해서 한줄로 표현가능한 함수
> 단, 객체 데이터를 반환할때는 () (소괄호) 로 감싸줘야 함.






IIFE

즉시 실행 함수 (Immediately-Invoked Function Expression)
이름이 없는 익명 함수를 그 자리에서 즉시 실행 가능한 함수

  1. (function())()
  2. (function()())
    이 두가지 방식으로 사용 가능






호이스팅

함수 선언부가 유효범위 최상단으로 끌어올려지는 현상
함수를 호출하는 부분이 함수를 선언하는 부분보다 위에 있어도, 문제 없이 실행 가능함!






타이머 함수

  • setTimeout(함수, 시간): 일정 시간 후 함수 실행
  • setInterval(함수, 시간): 시간 간격마다 함수 실행
  • clearTimeout(): 설정된 Timeout 함수를 종료
  • clearInterval(): 설정된 Interval 함수를 종료

setTimeout(함수, 시간) 사용하기






콜백

함수의 인수로 사용되는 함수
실행 위치를 보장하는 용도로 많이 활용된다





🧑🏻‍💻 오늘의 회고

자바스크립트를 공부하면서 일단 너무 재밌었고, 시간가는줄 몰랐다.
왜냐면 공부하면서, 기존에 썼었던 코드들이 왜 이렇게 만들어졌고,
예전에 났었던 오류들이 왜 났는지 깨닫게 되어서 너무 유익했다!

예를 들면 저번시간에 배웠던 함수 모듈화 부분에서,
왜 어떤 함수는 import해서 사용하고 어떤건 그냥 쓰는지 궁금했는데,
함수를 다른 프로젝트에서 불러올때 export default와 함께 쓰이는구나
라고 알게 되어서 너무 좋았다.

그리고 강의를 들으면서 기존에 내가 아무것도 몰랐을때 짰었던 프로젝트들을 어떻게 수정해야 할지 머릿속에 계속 떠올라서 너무 좋았다.

원래 리액트를 무지성으로 공부하다가, 처음부터 다시 배우고 있는데,
만약에 처음부터 이론만 공부했다면 이렇게 재밌지는 않았을 것 같다.
돌고 돌아왔지만 결국 나름 괜찮은 길이였던 것 같아서 기분이 좋다!

profile
사주보는 프론트엔드 개발자

0개의 댓글