함수 선언
function showMessage(){
alert('안녕하세요');
}
함수 호출
function showMessage(){
alert('안녕하세요');
}
showMessage();
지역 변수
✔️ 함수 내에서 선언한 변수는 함수 내에서만 접근할 수 있다.
function showMessage(){
let message = '안녕';
alert(message);
}
showMessage(); //안녕하세요!
alert(message); //ReferenceError
전역 변수
✔️ 함수 외부에 선언된 변수
✔️ 모든 함수에서 접근할 수 있다.
let userName = 'John';
function showMessage(){
let userName = 'Bob';
let message = 'Hello, ' + userName; //Bob
alert(message);
}
showMessage(); //Bob
alert(userName); //John
매개 변수
✔️ 임의의 데이터를 함수 안에 전달할 수 있다.
function showMessage(from, text){
alert(from + ' : ' + text);
}
showMessage('Ann', 'Hello!'); //Ann : Hello!
함수 이름짓기
✔️ show... : 무언가를 보여주는 함수(ex showMessage)
✔️ get... : 값을 반환함(getAge)
✔️ calc... : 무언가를 계산함(calcSum)
✔️ create... : 무언가를 생성함(createForm)
✔️ check... : 무언가를 확인하고 불린값을 반환함(checkPermission)
예제
✔️ x의 n 제곱근 값을 구한다.
✔️ prompt로 x와 n의 값을 입력하고 값을 출력한다.
✔️ n의 값이 1이상의 자연수이어야 하며, 이외에는 경고창을 띄운다.
function pow(x,n){
result = x;
for(let i = 1; i < n; i++){
result *= x;
}
return result;
}
let x = prompt('x?', '');
let n = prompt('n?', '');
if(n<1){
alert(`${n}은 양의 정수이어야 한다.`);
} else{
alert(pow(x,n);
}
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[Javascript] 화살표 함수 (0) | 2022.01.04 |
---|---|
[Javascript] 함수 표현식 (0) | 2022.01.04 |
[Javascript] Class - static(정적 메서드, 정적 프로퍼티) (0) | 2022.01.03 |
[Javascript] 클래스 상속 (0) | 2021.12.30 |
[Javascript] 클래스 (0) | 2021.12.30 |