TIL#4 JS) Function

luneah·2021년 10월 29일
0

JavaScript

목록 보기
4/16
post-thumbnail

함수

함수는 프로그램을 구성하는 주요 '구성 요소(building block)'다. 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있다.

01. 함수의 정의와 호출

function 함수이름(복수의, 변수는, 콤마로, 구분) {
  /* 함수가 수행할 기능 */
}

함수 선언(function declaration) 방식을 이용하면 함수를 만들 수 있다. 함수 선언 방식은 아래와 같이 작성할 수 있다.

function birthDay() {
  console.log("Happy BirthDay!");
}

function 키워드, 함수 이름, 괄호로 둘러싼 매개변수를 차례로 써주면 함수를 선언할 수 있다. 만약 매개변수가 여러 개 있다면 각 매개변수를 콤마로 구분해준다. 함수를 구성하는 코드의 모임인 '함수 본문(body)'은 중괄호로 감싼다.

function name(parameters) {
  ...함수 본문...
}

새롭게 정의한 함수는 함수 이름 옆에 괄호를 붙여 호출할 수 있다.

EX)

function sayMyName() {
  console.log("홍길동");
}

sayMyName();

sayMyName()로 함수를 호출하면 함수 본문이 실행된다.

02. 함수의 반환 (OUTPUT)

출력값 = OUTPUT = Return (값을 리턴하다, 반환하다)

return vs console.log

  • return : 실제 계산된 값을 리턴해준다.
  • console.log : console창에 출력해준다.

EX)

function getMyAge() {
  let myAge = 28;
  return myAge; // 함수의 반환
}

getMyAge();    // 함수의 실행
console.log("my age: ", getMyAge()); // console창에 출력

03. 함수의 인자 (INPUT)

INPUT= parameters = 인자

EX)

  1. 함수의 인자로 이름을 받아서 이름의 길이를 반환하는 함수를 구현하라.
  2. 함수의 인자로 나이를 받아서 나이를 콘솔창에 출력하는 함수를 구현하라.
  3. 함수의 인자로 성과 이름(두 개의 인자)을 받아서 합친 후, 전체 이름을 반환하는 함수를 구현하라.

Sol )

// Q1
function getLengthOfName(name) {
  return name.length     // 함수 반환
}

let getName = getLengthOfName('홍길동');  // 함수 실행
console.log(getName);
// Q2
function sayMyAge(age) {
  console.log(age);   // 함수 출력
}

sayMyAge(21);   // 함수 실행
// Q3
function getFullName(firstName, lastName) {
  let result = firstName + lastName;

  return result;   // 함수 반환
}

let fname = getFullName('길동', '홍');   // 함수 실행
console.log(fname);

함수 반환하는 return만 사용했을 때 console창에는 출력되지 않음.

profile
하늘이의 개발 일기

0개의 댓글