[JS] 자바스크립트 언어 기본 - 섹션 7 함수

황은하·2021년 11월 9일
0

JS

목록 보기
9/19

함수란?

함수 - 재사용성
function 키워드

function numbering() {	// 정의
  document.write(1);
}
numbering(); // 호출. ()로 함수를 알아본다.

함수 정의 -> 호출


함수의 효용성

  • 반복문 : 반복문 구간 내에서 기계적으로 바로 실행

  • 함수 : 어디든 호출한 곳에서 실행

  • 재사용성
    동일 코드를 여러 곳에서 사용할 수 있는 것.
    좋은 부품 만들기

프로그래밍에서 중요한 것
-> 재사용성, 유지보수의 용이, 가독성


함수의 입력

function - 기능, 작용
함수(상자 함)
입력 값에 따라 출력 값이 다르다.

출력

return 키워드
1. return 뒤의 것을 이 함수의 출력값으로 반환.
1. 이 함수 종료.


함수의 출력

인자(argument)

function get_argument(arg) {	// arg = 1, arg = parameter
  return arg;	// 출력
}
// 입력
alert(get_argument(1));	// 1 = argument
alert(get_argument(2));	// 2 = argument

복수의 인자

function get_argument(arg1, arg2) {	
  return arg1 + arg2;
}
alert(get_argument(10, 20));	// 30
alert(get_argument(20, 30));	// 50

-> 입력은 여러개여도 출력은 하나다.


다양한 함수 정의 방법

var numbering = function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}

function numbering (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}	// 위와 아래 함수가 같다.

(function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
})();	// 정의 + 바로 호출 => 익명함수. 이름 없고 바로 실행.

numbering();

함수는 코드의 재사용성을 높여준다.
자바스크립트 = 함수형 언어

profile
차근차근 하나씩

0개의 댓글