JS 함수 사용 방법

자바스크립트 함수를 만들고 사용하는 방법 입니다.

함수를 만들면, 코드를 재사용하기에도 유지보수 하기에도 편리하고 효율적이기에 필수적으로 사용되고 있습니다.

JS 함수 를 만드는 Syntax 을 살펴봅니다.

함수 Syntax

함수 구문

1. function 이라는 키워드를 제일 앞에 적어줍니다.

   (C,Java 등의 언어와는 가장 다른 차이점인거 같습니다 ^^)

2. 그 다음 함수에 사용될 이름을 적어준다

3. () 괄호 안에 인수 값을 적습니다. 인수들은 함수내에서 지역변수 로 사용됩니다.

   - 즉, 함수가 시작될때 생성되고, 함수가 마칠때 소멸 됩니다.

4. { }  안에 함수에서 실행될 코드를 코딩합니다.

5. 때에 따라 return 키워드를 사용해도 함수를 호출한 곳으로 return 에서 계산된 값을 돌려줍니다.

 

기타 언어들과는 function 이라는 키워드를 사용한다는 점. "나 함수야 "

그리고 return 값을 함수 앞에 표기 하지 않는 점들이 조금 다르지만 큰 맥락은 같습니다.

<h1>JavaScript Functions</h1>

<p>Call a function which performs a calculation and returns the result:</p>

<p id="demo"></p>

<script>
let x = myFunction(4, 3);
document.getElementById("demo").innerHTML = x;

function myFunction(a, b) {
  return a * b;
}
</script>

위 예제에서는 return 문을 DOM 을 사용하여 결과로 표출하고 있습니다.

"demo"라는 id 를 가진 P elements 에 12 라는 값이 찍히게 되겠죠.

자바스크립트 함수 사용방법을 정리해보았습니다. 끝!