Pre-Js 5장 혼공스 정리

Noa·2022년 11월 11일
0

JS

목록 보기
12/13

궁금한 것은 자신감있게 질문하자. 미루지말고 그때 그때 찾아서 읽기라도 하자.

함수

  • 코드를 작성 정해진 답 없음
  • 함수 사용 : 함수 호출
  • 리턴값 : 함수를 호출 해서 최정적으로 나오는 결과
  • 매개변수 : 함수 호출시 괄호 안에 적는 것
  • 함수에 넣는 input -> 매개변수 , 결과로 나오는 output -> 리턴값

🔥 함수의 장점 🔥

1. 반복 작업 피함

2. > 긴 프로그램 -> 기능별 함수들로 나눔 -> "모듈화" -> 가독성 좋아짐

3. 기능별 나눔 -> 유지보수가 쉬워짐

  • 익명 함수 : 이름 없는 함수

  • 선언적 함수

    function 함수명(){
    }
  • IsOO 함수 : 일반적으로 불 자료형 리턴하는 함수

  • 일반적으로 숫자를 계산해서 출력할 때 사용하는 형태

    function 함수명(매개변수) {
      let output = 초기값
      내용
      return output
  • 가변 매개변수 함수 : 매개변수의 개수가 고정적이지 않은 함수

  • 나머지 매개변수 (rest parameter)

    function 함수이름 (...매개변수) {}
    함수의 매개변수 앞에 ... 입력 -> 매개변수들이 배열로 들어옴
    function 함수이름 (a, b, ...c {}
    일반적인 매개변수와 조합해서 사용가능
    매개변수 a, b가 먼저 들어가고, 남은 것들은 모두 c에 배열 형태로 들어옴 
  • 자료형 확인

    자료형 확인 : typeof 연산자
    typeof(배열) -> object(객체)
    정확히 배열인지 확인하기 위해 -> Array.isArray( )
    
  • 전개 연산자 (Spread operator) : 배열을 전개해서 함수의 매개변수로 전달

    함수이름 (...배열)

    function sample(...items) {
      console.log(items)
    }
    
    // 전개 연산자 사용 여부 비교
    
    const array =[1, 2, 3, 4]
    
    # 전개 연산자를 사용하지 않은 경우
    sample(array) // [[1, 2, 3, 4]]  배열이 매개변수로 들어옴
    # 전개 연산자 사용
    sample(...array) // [1, 2, 3, 4] 숫자 하나하나 전개되어 매개변수로 들어옴
  • 기본 매개변수 -> 최신 자바스크립트에 추가된 기능

    함수 이름(매개변수, 매개변수 = 기본값, 매개변수 = 기본값)
    기본 매개변수는 오른쪽 매개변수에 사용
profile
몰입

0개의 댓글

관련 채용 정보