데일리 코딩 02 함수

함수(function)

❗️ 입력(input) 을 받아 출력(out)을 하는 하나의 작은 기능 단위.

가장 단순한 덧셈 문제를 풀어보자. 두 개의 숫자를 더하는 함수는 다음과 같다.

function sum (num1, num2) {
	let result;
    result = num1 + num2;
    return result;
 }
 let output = sum(1, 2); // 3

두개의 숫 자를 입력받아, 잘 짜여진 코드를 거쳐, 두 숫자의 합을 출력했다.

❓문제❓
속력 speed , 시간 time 이 숫자로 주어졌을 때, 이동한 거리를 변수 distance에 할당하여 리턴하는 getRunCatDistance 함수를 작성하세요.

function getRunCatDistance(speed, time) {
let dictance
distance = speed * time;
return distance;

함수의 선언

❗️ 자바스크립트에서 함수는 두가지 방식으로 선언될 수 있다.

첫 번쨰 함수 plusOne 은 함수 선언식이다.

두 번째 함수 minusOne 은 함수 표현식을 변수 minusOne에 할당 했습니다.

미묘한 차이는 있지만 변수를 선언하고, 함수를 할당했다 라는 결론은 분명하다.

function plusOne(input1) {
input1 = input + 1;
return input1;
}

let minusOne = function (input2){
input2 = input2 -1;
return inpu2;
};

❓문제❓
첫 번째 인자에 2를 곱하는 함수 multiplyBy2와 비슷하게 첫 번째 인자를 2로 나누는 함수 divideBy2를 선언하세요.

function multiplyBy2(input1) {
  input1 = input1 * 2;
  return input1;
}

function divideBy2(input2){
  input2 = input2 / 2;
  return input2;

함수의 호출(invoke; call)

❗️ 변수에 함수가 담겨있다면, 다른 변수와는 다르게 () 괄호를 붙여서 함수를 호출할 수 있다. 또한 입력값을 설정할 수 도 있는데, 이를 전달인자(argument), 줄여서 인자라고 부른다.

let word = speakUp('hello world');
// 1. 함수 speakUp에 ()를 붙여 함수를 호출한다.
// 2. 호출 시 괄호 안에 'hello world'를 넣어 문자열 'hello world'를 인자로 전달
// 3. 호출된 함수가 리턴하는 값을 변수 word에 할당

함수의 리턴 (return)

❗️함수가 호출되고 나면, 함수의 body(중괄호 내의 코드) 에 있는 코드가 실행되고 결과값을 리턴(return) 한다. 이 결과 값은 함수의 body에서 어떤 값을 return 하는지에 따라 결정됨. 아무것도 return 하지 않으면 undefined 를 리턴한다.

function minusOne(input) {
  input = input - 1 ;
  return input;
}
let result = minisOne(10); // 9

function functionWithoutReturn() {
  console.log('I am numberbeen!');
}
let result = functionWithoutReturn(); // undefined

❓문제❓
문자열을 인자로 받아서 느낌표를 붙여서 리턴해주는 함수 returnWord가 있습니다. 함수 returnWord의 첫 번째 인자로 문자열 "I am numberbeen"를 넣어서 호출하고, 그 결과값을 변수 word에 할당하세요.

let word = returnWord('I am numberbeen')