728x90
종복되는 코드를 줄이고 유지보수를 효율적으로 하기위해서
자바스크립트에서는 함수를 작성해서 사용합니다.
문법
function을 시작으로 함수명을 입력하고 매개변수를 받습니다.
function 함수명(매개변수1, 매개변수2){
//코드
}
예제
1. 매개 변수가 없는 에러메시지를 띄우는 함수
매개변수 없이 함수를 호출합니다.
에러 경고창을 다음과 같이 띄웁니다.
function errorPage(){
alert("에러 페이지")
}
//함수 호출
errorPage()
2. 매개 변수가 존재하는 함수
이름을 입력받아서 name이 존재할시(true: 1)일시
welcome +이름을 콘솔에 출력하고 아닐 시 welcome만 출력
function Hello(name){
let msg = 'welcome';
if(name){ //true일시
msg = msg + " " + name;
};
console.log(msg);
};
//함수 호출
Hello("민수");
Hello("홍철");
Hello();
이상으로 JavaScript 함수를 사용해서
매개변수가 있는경우와 없는 경우에 대해서 알아보았습니다.
반응형
그리드형
'IT > HTML & CSS & JavaScript' 카테고리의 다른 글
[자바스크립트] 객체(Object) 생성, 추가, 삭제, (0) | 2021.09.09 |
---|---|
[자바스크립트] 화살표 함수 => 사용법 (0) | 2021.09.09 |
[자바스크립트] switch 여러 조건 비교하기 (0) | 2021.09.08 |
[자바스크립트] break, continue 반복문 빠져나오기, 계속 진행하기 (0) | 2021.09.08 |
[자바스크립트] 반복문 - do ~ while 문법 & 예제 (0) | 2021.09.08 |
댓글