function 이란?

function?	-프로그램을 하는 가장 기본적인 building block -subprogram 이라고 불리며 재사용이 가능하다 -한가지의 작업이나 어떤값(value)을 계산하기 위해 쓰임
사용법	function 함수이름(파라미터1, 파라미터2) { 내용 } 리턴; 하나의 function은 === 한가지일만 한다.
함수이름 작성법	변수는 명사로 함수는 동사로 (doSomething)
함수는 object 이다.	1. 변수에 할당이 2. function 에 파라미터로 전달 3. 리턴값으로도 리턴

 

1. function

function 으로 printHello함수를 만들고 그 함수를 리턴한다. 

function printHello() {
  console.log('hello');
}
printHello();

---

2. parameters > function에 전달되는 파라미터

 

자바스크립트는 타입을 보지 않아 문자열이던 숫자열이던 같이 출력한다. 

하지만 다른언어에선 정확한 타입을 적는것이 좋다. 

 

function 으로 log 함수를 만들어 message 파라미터를 호출

// function log(message: string) > 타입스크립트 버전
function log(message) {
  console.log(message);
}
log('hello');
log(1234);

 

파라미터 응용

 

파라미터는 값이 메모리에 전달 vs 오브젝트 메모리에 래퍼런스가 전달

 

function changeName(obj) {
  obj.name = 'coder';
}
//전달된 오브젝트의 이름을 coder로 변경해라

const ellie = { name: 'ellie' }; // const로 변수 ellie 를 정의 
changeName(ellie); //리턴
console.log(ellie);

 선언된 function 함수 changeName의 파라미터 obj의 name 은

 prototype 이 object 이다.

 

 

const 로 ellie를 정의해줌 > 이때 메모리엔 name오브젝트의 래퍼런스인 ellie가 저장됨
함수안에서 래퍼런스가 저장되기 때문에 변경된 값이 출력

 

---

3. Default parameters > 기본 매개변수(파라미터)

default parameter은 함수에 전달된 파라미터의 값이 undefined이거나 전달된 값이 없을 때, 초기화 설정된 값.

 

간단한 방법

function showMessage(message, from = 'unknown') {
  console.log(`${message} by ${from}`);
}
showMessage('hi');


//hi by unknown 출력

만약 매개변수 from 에 값이 없다면 unknown 으로 처리

 

 

복잡한 방법

//위의 코드를 풀어쓰면 이렇다. 
function showMessage(message, from) {
  if (from === undefined) {
    from = 'unknown';
  }
  console.log(`${message} by ${from}`);
}
showMessage('hi');

 

---

4. resr parameters > ... 사용시 배열형태로 전환

function printAll(...args) {
  for (let i = 0; i < args.length; i++) {
    console.log(args[i]);
  }

  //간단한방법
  for (const arg of args) {
    console.log(arg);
  }

  //더 간단한 방법
  args.forEach((arg) => console.log(arg));
}
printAll('park', 'hyo', 'jin');
//인자 3개 전달
//...args 로  인자값 park hyo jin 을 배열개수 만큼 루프로 출력

 

 

 

 

 

---

5. Local scope > 밖에서는 안이 보이지 않고 안에서만 밖을 볼 수 있다. 

let globalMessage = 'global'; //global variable 전역변수
function printMessage() {
  let message = '지역변수';
  console.log(message); // local variable 지역변수
  console.log(globalMessage); //부모변수도 안에서 호출가능

  function printAnother() {
    console.log(message);
    let childMessage = '함수안의함수';
    console.log(childMessage);
  }
  printAnother();
  // console.log(childMessage); 부모변수는 자식에서 불러올수 있으나, 안에 작성된 변수는 밖에서 호출 못함함
}
printMessage();

---

6. Return a value 

function sum(a, b) {
  return a + b;
}
const result = sum(1, 2);
console.log(`sum: ${sum(1, 2)}`);

---

7. 빨리 리턴하고 빨리 닫기

function upgradeUser(user) {
  if (user.point > 10) {
    //조건이 아닐시 다음함수로 진행 > 함수가 블럭안에서 작성되면 가독성이 떨어짐
  }
  function upgradeUser(user) {
    if (user.point <= 10) {
      return;
    } // 조건이 맞지않을때 리턴으로 함수 종료하고 맞을때 다음로직 실행
  }
}