[JavaScript] 함수, function 뜻, 사용하는 이유

 

 

 

 

ES6 에서 arrow function 이라는 애가 나왔다.

() => 이렇게 생긴 애인데

람다식 문법이랑 비슷하게 생겼다. 😫

 

 

그래서 arrow function 공부할 겸 함수 정리를 쭉 해보려구...🤔

 

---

함수 function 뜻

 

 

함수는 상자?.🎁

 

상자에 짐을 넣어놓을 수도 있고 꺼내 쓸 수도 있고
안에서 뭐 짐을 풀어놓거나 다른 짐이랑 합칠 수 있다....

함수안에 그냥 데이터만 넣어놓을 수도 있고 데이터만 꺼내 쓸 수도 있고
파라미터 형태로 값을 넣고 기존의 데이터와 합칠 수 있다. (값 조작이 된다구)

 

 

그래서 함수를 사용하는 이유는

1. 긴 코드를 저장
2. 파라미터 사용하려구

 

---

 

 

함수를 사용하는 이유

 

1. 긴 코드를 저장

왜냐면 다른데서도 막 쓸려구

 

// 이렇게 만들어놓으면은
function 바보(){
        document.getElementById('잉').innerHTML = '바보';
};

document.get 어쩌고 는 너므 긴 코드다...

 

그래서 저 docu 어쩌고 코드를 담을 바보(); 라는 함수를 만들었다.😊

이제 이 함수를 어디서나 사용할 수 있다.

 

 

// 이벤트리스너에서도 사용하고
document.getElementById('잉').addEventListener('click',function(){
    바보();
});

// 비동기처럼도 사용하고
setTimeout(바보(),500);

// 전역으로도 사용할수있다.
바보();
바보();
바보();

 

 

---

 

 

 

2. 파라미터 사용하려고

왜냐면 값을 넣어서 원하는 값을 출력하려구!

 

 

function 더블더하기야(a) {
    return a+a;
};

더블더하기라는 함수를 만들었다.

이제 내가 숫자를 넣으면 두배 불려줄 것이다.

 

 

더블더하기야(2);//4
더블더하기야(4);//8

 

 

끝!