자바스크립트 함수

함수 선언문(function declaration)

function add(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5

// 미리 정의해두고, 필요할때 호출 가능

 

함수 표현식(function expression)

let add = function(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5

// 함수를 변수에 할당하여 익명 함수 생성 가능

 

함수 호출

function add(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5
// 함수 이름 뒤에 괄호를 사용

 

함수 매개변수와 반환값

function add(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5

// x와 y라는 두 개의 매개변수를 받아들이고
// 함수를 호출 할 때는 매개변수에 값을 전달



function add(x, y) {
  return x + y;
}

let result = add(2, 3);
console.log(result);   // 5

// x와 y라는 두 개의 매개변수를 받아들이고
// 이를 더한 값을 반환하며, 함수를 호출한 결과값을 변수에 할당하여 사용 가능

 

전역 스코프(global scope)

let x = 10;

function printX() {
  console.log(x);
}

printX();   // 10

// 전역 스코프에서 선언된 변수는 어디에서든지 참조 가능

 

지역 스코프(local scope)

function printX() {
  let x = 10;
  console.log(x);
}

printX();   //

// 지역 스코프에서 선언된 변수는 해당 함수 내에서만 참조 가능

 

 

블록 스코프(block scope)

if (true) {
  let x = 10;
  console.log(x);
}

console.log(x);   // ReferenceError: x is not defined

// if문 내에서 선언된 변수는 해당 블록 내에서만 참조 가능

 

 

화살표 함수

// 화살표 함수
let add = (x, y) => {
  return x + y;
}

console.log(add(2, 3));   // 5

// 함수의 선언이 간결해짐



// 한 줄로 된 화살표 함수
let add = (x, y) => x + y;

console.log(add(2, 3));   // 5

// 함수 내부에 return문이 한 줄로 작성될 경우, 중괄호와 return 키워드 생략 가능



// 매개변수가 하나인 화살표 함수
let square = x => x * x;

console.log(square(3));   // 9

// 매개 변수가 하나일 경우에는 괄호 생략 가능