[JavaScript] 함수 정리(1)

함수 선언

function name(parameters) {
  // 내용
}

 

함수 호출

function sayHello() {
  alert( '안녕하세요!' );
}

sayHello();

 

지역 변수

함수 안에서 선언한 변수는 해당 함수 안에서만 호출 할 수 있다.

function sayHello() {
  let message = "안녕하세요!";
  alert( message );
}

sayHello();
alert( message ); // ReferenceError: message is not defined

 

전역 변수

함수 밖의 변수를 함수 안에서 호출 할 수 있다.

let userName = 'Minsu';

function sayHello() {
  let message = 'Hello, ' + userName;
  alert(message);
}

sayHello(); // Hello, Minsu

 

매개 변수

function sayHello(userName, text) {
  alert('My name is ' + userName + ', ' + text);
}

sayHello('Minsu', 'Hello.'); // My name is Minsu, Hello.
sayHello('Sua', "What's wrong?"); // my name is Sua, What's wrong?

 

매개변수에 값을 입력하지 않으면 undefined가 출력된다.

undefined 대신 다른 내용을 기본값으로 하고 싶다면 아래와 같이 작성하면 된다.

function sayhello(name = "홍길동") {
  alert(name + ' 안녕?');
}

sayhello('Minsu'); // Minsu 안녕?
sayhello(); // 홍길동 안녕?

function sayHello(name) {
  if (name === undefined) {
    name = '홍길동';
  }

  alert(name + ' 안녕?');
}

sayHello('Minsu');
sayHello(); // 빈 문자열

 

return

return은 함수를 즉시 중단하고 값을 반환한다.

그 차이는 아래와 같다.

function plus(a, b) {
  a + b;
}

let result = plus(2, 8)
alert(result); // undefined

function plus(a, b) {
  return a + b;
}

let result = plus(2,8)
alert(result); // 10