18_함수 호출과 전달

1255 단어 TILTIL

# 오늘 한 일

함수를 전달하는 경우

  function doSomething(cal) {
    let c = document.getElementById('num1');
    let d = document.getElementById('num2');
    return cal(c, d);
  }

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

  console.log(doSomething(add));
  console.log(doSomething(add(2, 3)); // error

doSomething(add)
:: add함수 그 자체를 인자로 사용할 수 있다. (콜백함수....? doSomething과 add의 합체....?)
:: 데이터를 받아와서 연산하려고 할 때 코드가 더 깔끔하다.

함수를 호출하는 경우

  function doSomething(cal) {
    console.log(cal);
  }

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

  doSomething(add(2, 3)); // 5

  let c = document.getElementById('num1');
  let d = document.getElementById('num2');
  doSomething(add(c, d));  

doSomething(add(2, 3));
:: 호환성이 떨어진다.

let c = document.getElementById('num1');
let d = document.getElementById('num2');
doSomething(add(c, d));
:: 코드가 길어지면 복잡해지고 이해하는 데에 시간이 걸린다.

좋은 웹페이지 즐겨찾기