Study & Project ✏️/JavaScript 🐥

JS 함수 기본편!

JM 2022. 1. 5. 17:10
반응형

출처. https://www.youtube.com/watch?v=PuG2VW18O1E&t=5s 

어떤 함수를 어려워하는 구독자 때문에 만드셨다고 한다.

마음씨가 정말 따뜻하시다.

나도 배워야겠다.


// Don't give up

// 함수 선언
function doSomething(add) {
    console.log(add);
    //함수를 이용해서 안에서 사용 가능
    const result = add(2, 3);
    console.log(result);
}

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

// 함수 호출
doSomething(add);   //함수를 전달함. 함수 자체를 전달해버림 function add() {}
// const result = add(1, 2);
// console.log(result);
doSomething(add(1, 2));   //함수의 return 값을 전달함. 함수를 전달하는 게 아님

const addFun = add;
console.log(add);
addFun(1, 2);

함수를 선언하고 사용하는 건 c++과 같지만,

함수를 객체로 전달하고 그 함수를 다시 다른 함수 안에서 사용한다는 게 유용하다.

Callback함수도 이런 이유 때문에 유용하게 사용하려고 생겨나지 않았을까?

잊지 말자!

1. function add() {} 를 객체로 지정. const addFun = add

2. 함수의 parameter 값으로 함수를 넣어 줄 수 있음.

ex) function doSomething(add){}

     function add() {}

'Study & Project ✏️ > JavaScript 🐥' 카테고리의 다른 글

[JS 초보] document.getElementById 와 addEventListener  (0) 2022.01.27
JS async,await 입문!  (0) 2022.01.04
JS Promise 입문!  (0) 2022.01.04
JS callback 입문!  (0) 2021.12.28
JS JSON 입문!  (0) 2021.12.28