[JS] 함수

지냐킴·2022년 8월 8일
0

JavaScript

목록 보기
3/5
post-thumbnail

함수

중복 없이 유사한 동작을 하는 코드를 여러번 호출할 수 있다

함수 선언 & 매개변수

function 함수이름(복수의, 매개변수는, 콤마로, 구분합니다) {
  /* 함수 본문 */
}

function showMessage(from, text) { // 인수: from, text
  alert(from + ': ' + text);
}

showMessage('Ann', 'Hello!'); // Ann: Hello! (*)
showMessage('Ann', "What's up?"); // Ann: What's up? (**)

지역 & 외부변수

변수를 함수 내에서 쓰면 함수 안에서만 값을 도출 할 수 있다
반면, 함수 밖에서 변수를 지정해주면 밖에서도 값을 받을 수 있다. 밖에서 변수 쓰면 안에서 수정도 쌉가능

반환 값

함수 호출했을 때 함수를 호출한 자리에서 특정 값을 return 으로 반환 할 수 있다

function sum(a, b) {
  return a + b;
}

let result = sum(1, 2);
alert( result ); // 3

함수 코드 약속

showMessage(..)     // 메시지를 보여줌
getAge(..)          // 나이를 나타내는 값을 얻고 그 값을 반환함
calcSum(..)         // 합계를 계산하고 그 결과를 반환함
createForm(..)      // form을 생성하고 만들어진 form을 반환함
checkPermission(..) // 승인 여부를 확인하고 true나 false를 반환함
  • 함수 이름에 언급되어 있는 동작은 하나만 담당해야한다

  • 함수 이름은 함수가 어떤 동작을 하는지 설명할 수 있어야한다 => 주로 동사

    문제 풀어보기

a와 b 중 작은 값을 반환해주는 함수, min(a,b)을 만들어보세요.

만든 함수는 아래와 같이 동작해야 합니다.

min(2, 5) == 2
min(3, -1) == -1
min(1, 1) == 1

 function min(a,b){
  if(a>b){
    return b;
  }else {
    return a;
  }
}
profile
코린이일기

0개의 댓글

관련 채용 정보