자바스크립트에서 함수를 사용하는 것은 파이썬 함수를 사용하는 것과 비슷한 느낌이다. 함수는 프로그램에서 최소한의 기능을 만들어 재사용의 목적을 두고 있다. 함수는 한 번 만들어 놓으면 여러모로 요긴하게 사용할 수 있다.
자바스크립트 함수 사용 방법
javascript function
함수를 사용하는 목적은 여러가지가 있다.
메인 코드의 길이를 줄여여준다.
재사용을 하여 개발시간을 단축시킨다.
중요한 건 한 번 만들어 놓으면 여기저기서 사용할 수 있기 때문에 편하다.
물론, 시간이 지날수록 관리적인 측면이 필요하겠지만 말이다.
함수 만들기
자바스크립트에서 함수를 만드는 것은 어렵지 않다.
함수라는 function 키워드를 이용하여 함수를 만들면 된다.
자바스크립트 함수는 아래와 같은 형식을 가진다.
function 함수명() {
// 함수에 사용할 코드
}함수 사용하기
직접 만들어 본다.
함수이름은 기능을 알 수 있는 단어로 만드는 것이 좋다.
보통 동사+명사 형식을 사용하거나 명사+동사 형식을 사용하기도 한다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 함수 function</h1>
<p id="display"></p>
<script>
/*
* 코드부분
*/
PrintLog();
/*
* 함수부분
*/
function PrintLog() {
console.log("PrintLog 함수를 호출하였습니다.");
}
</script>
</body>
</html>위의 코드를 보면 코드부분과 함수부분으로 나누었다. 스크립트 함수가 길어질수록 나중에 찾기 힘들어 질 수 있다.
그렇기에 미리 나눈 것이니 신경쓰지는 말자.
함수를 어떻게 만들고 어떻게 호출되는지를 보면 된다.
결과화면을 보면 함수를 제대로 호출하고 있다.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 함수 리턴 사용하기 javascript function return (0) | 2021.10.26 |
|---|---|
| 자바스크립트 함수 파라미터 사용 방법 javascript function parameter (0) | 2021.10.24 |
| 자바스크립트 데이터타입 null undefined empty 차이 (0) | 2021.10.23 |
| 자바스크립트 데이터타입 종류 보기 typeof 사용 javascript data type (0) | 2021.10.21 |
| 자바스크립트 할당연산자 산술연산자와 혼합 사용하기 (0) | 2021.10.20 |
댓글