JavaScript 함수의 정의

기능 정의

1. 기능의 중요성

  • 기능: 변수 x와 y 사이에 x의 값이 결정되면 그에 따라 y의 값이 결정되는 관계가 있을 때 y의 값.

2. 함수를 사용하는 이유는 무엇입니까?

  • 자주 사용하는 것들은 기능별로 그룹화되어 있습니다.
    • 수학의 함수도 값을 그룹화하여 표현하는 식을 사용합니다.
    • 예: 2, 4, 6, 8… => y = 2x
  • 코드를 작성할 때 자주 사용하는 코드를 함수로 만들어서 사용하세요.

3. 프로그래밍 언어에서 함수란 무엇입니까?

  • 특정 작업을 수행하기 위해 조립식 프로그램의 블록( block: () )
    • 맞춤 기능
    • 내장 함수
  • 필요할 때 호출하여 프로세스를 반복할 수 있습니다.
  • function 키워드로 정의

4. 기능적 형식 및 선언

함수는 함수입니다( Param1, Param2, … ) {
함수가 호출될 때 실행하려는 실행문;
반환할 값을 반환합니다.
}

  • 함수는 정의(선언)된 다음 호출됩니다.
  • 호출하지 않으면 실행되지 않음

5. 매개변수 및 돌려 주다

  • 매개변수: 함수 내에서 사용되는 변수의 값을 포함하는 변수.
  • Returns: 함수에 의해 계산되거나 원하는 결과 값을 반환합니다.
  • 인수: 함수 호출 시 전달되는 값

6. 함수의 속성

  • 함수의 반환값(반환값)을 변수에 저장하거나 출력
  • typeof => function object로 함수를 확인할 수 있습니다.

7. 함수 작성

  • 함수 작성 위치 : 본문의 script 태그 내부
  • 함수 이름: intro()
  • 매개변수: 없음
  • 실행 세부 정보: “안녕하세요. 만나서 반가워요” HTML로.
  • 반환 값: 없음
  • 함수 실행: intro()



함수 실행() {
문서.쓰기(“

안녕하세요. 만나서 반가워요

“)

=> 콘솔 창에서 intro() 호출 시 ‘Hello. 만나서 반가워요’라는 메시지가 뜬다.

8. 커스텀 함수

  • 사용자가 만든 함수
  • 모양
    • 명시적(선언적) 함수
    • 함수식(익명함수/익명함수)
    • 화살표 기능

9. 명시적(선언적) 함수

  • 기능이 있을 것입니다 사전 정의 및 ~라고 불리는
  • vscode에서 ctrl을 누른 상태에서 함수 이름이나 변수 이름을 클릭하면 이름이 적힌 첫 번째 위치로 화면이 이동합니다.

함수는 함수입니다( Param1, Param2, … ) {
함수가 호출될 때 실행하려는 실행문;
반환할 값을 반환합니다.
}

10. 함수의 기본 원리

  • 불필요한 인수 무시
  • 불충분한 인수가 정의되지 않음
  • 함수 이름은 같지만 매개 변수가 여러 개: 매개 변수가 많은 함수만 호출
    • => 함수 이름을 고유한 이름으로 사용

11. 기본 매개변수

  • 값이 전달되지 않았거나 정의되지 않은 경우 매개변수를 기본값으로 초기화하는 변수입니다.

함수 곱셈(a, b=1) {
반환 a*b;
}

  • 그러나 인수의 값은 왼쪽부터 채워지므로 오른쪽부터 기본값을 사용하는 것이 좋습니다.

12. 기타 매개변수

  • 다음 인수를 배열로 가져오려면 매개변수 앞에 …를 입력하십시오.

함수 myFun(a, b, …manyMoreArgs) {
console.log( “a”, a );
console.log( “b”, b );
console.log( “manyMoreArgs”, manyMoreArgs );
}

13. 기능 위치