본문 바로가기
Frontend/JavaScript

[Javascript] 함수

by joy_95 2022. 1. 4.

함수 선언

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