Function

함수

함수란?

내가 원하는 만큼 쓸 수 있는 한 조각의 코드

1. 기본 형태와 데이터 입력

기본형태

function sayHello(){
    console.log('Hello');
}
sayHello(); //Hello

데이터 입력

function sayHello(name, age){
    console.log("Hello!", name, "you have", age, "years of age.");
}

sayHello("Cho", 27); //Hello! Cho you have 27 years age.

Parameter(매개변수) : 함수 안에서 사용하게 될 이름 ex) (name, age)

Argument(인자) : 우리가 주는 값을 저장하는 변수와 같은 것 ex) ("Cho", 27)

대표적인 내장 함수 (console.log)

console은 Object이고, log는 함수

2. Backtick (``)

백틱을 사용하여 코드를 좀 더 깔끔하게 정리하여 함수 호출

after

function sayHello(name, age){
    console.log(`Hello! $(name) you are $(age) years old.`);
}
sayHello("Cho", 27); //Hello! Cho you are 27 years old.

before

function sayHello(name, age){
    console.log("Hello!", name, "you have", age, "years of age.");
}

sayHello("Cho", 27); //Hello! Cho you have 27 years age.

3. Return

함수의 실행된 결과 값을 반환 시켜줌

after

function sayHello(name, age){
  return 'Hello! ${name} you are ${age} years old';
}
const greetCho = sayHello("Cho", 27); //greetCho는 sayHello 함수의 리턴값
console.log(greetCho);
//Hello! Cho you are 27 years old

before

function sayHello(name, age){
  console.log('Hello! ${name} you are ${age} years old');
}
const greetCho = sayHello("Cho", 27);
console.log(greetCho); //undefined

//undefined가 나오는 이유는
//sayHello();의 결과를 리턴(반환)받지 못했기 때문에

3-1. Return을 이용한 계산

const calculator = {
  plus: function(a, b){ return a+b; },       //더하기
  minus: function(a, b){ return a-b; },      //빼기
  multiple: function(a, b){ return a*b; },   //곱하기
  divide: function(a, b){ return a/b; },     //나누기
  squareRoot: function(a, b){ return a**b; } //제곱
}

const plus = calculator.plus(10,2);
console.log(plus); //12

const minus = calculator.minus(10,2);
console.log(minus); //8

const multiple = calculator.multiple(10,2);
console.log(multiple); //20

const divide = calculator.divide(10,2);
console.log(divide); //5

const squareRoot = calculator.squareRoot(10,2);
console.log(squareRoot); //100