자바스크립트의 함수는 파라미터를 이용하여 함수에 입력값을 줄 수 있다. 함수에 입력값을 전달함으로써 유연한 방식의 코드를 만들 수 있다. 물론 함수는 특정 기능을 하는 작은 단위이다. 파라미터는 함수의 기능을 좀 더 유연하게 할 수 있다.
자바스크립트 함수 파라미터 사용 방법
javascript function parameter
자바스크립트 함수에 대한 이야기는 이전에 다루었다.
단순히 함수를 호출하여 값을 출력하는 방법을 보였다.
함수를 호출하면서 데이터를 보낸다면 좀 더 다양한 형태의 기능을 만들 수 있다.
사용법은 다른 언어와 비슷하다.
차이가 있다면 데이터타입에 관대하다는 것 뿐이다.
사용방법
자바스크립트의 함수에 파라미터를 함께 사용해 본다.
사용법은 아래와 같다.
파라미터의 갯수는 몇 개가 되든 상관없다.
다만, 호출하는 부분과 파라미터의 수는 같아야 한다.
function JavascriptFunction(parameter1, parameter2, ...) {
// 코드작성
}코드샘플
파리미터를 이용해 자바스크립트 함수를 만들어 사용해 본다.
위에서 언급한 것과 큰 차이는 없다.
다만, 호출하는 부분과 파라미터의 갯수는 같아야 한다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 함수 function</h1>
<p id="display"></p>
<script>
/*
* 코드부분
*/
PrintLog("함수를", "호출합니다");
/*
* 함수부분
*/
function PrintLog(parameter1, parameter2) {
console.log("PrintLog 함수를 호출하였습니다.");
console.log(typeof(parameter1), parameter1);
console.log(typeof(parameter2), parameter2);
}
</script>
</body>
</html>결과화면을 본다.
함수를 호출하고 전달한 문자열이 출력되는 것을 확인할 수 있다.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 객체 란 의미와 종류 javascript object (0) | 2021.10.27 |
|---|---|
| 자바스크립트 함수 리턴 사용하기 javascript function return (0) | 2021.10.26 |
| 자바스크립트 함수 사용 방법 javascript function (0) | 2021.10.24 |
| 자바스크립트 데이터타입 null undefined empty 차이 (0) | 2021.10.23 |
| 자바스크립트 데이터타입 종류 보기 typeof 사용 javascript data type (0) | 2021.10.21 |
댓글