クリーンアップ機能

// 자바스크립트엔진은 함수 선언문의 함수 이름으로 식별자를 암묵적 생성하고 생성된 함수 객체를 할당한다.
function sub(x, y) {
    return x - y;
};

console.log(sub(7, 5)); // 2
// 함수는 함수 이름으로 호출하는 것이 아니라 함수 객체를 가리키는 식별자로 호출한다.
var add = function addFun(x, y) {
    return x + y;
};

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

console.log(add(5, 6)); // 11
console.log(sub(6, 5)); // typeError: sub is not a function
// 함수 선언문
function add(x, y) {
    return x + y;
}
// 함수 표현식
var sub = function (x, y) {
    return x - y;
}

/*자바스크립트에서 모든 선언문은 런타임 이전에 자바스크립트 엔진에 의해 먼저 실행된다.
즉 함수 선언문으로 함수를 정의 하면 런타임 이전에 함수객체가 먼저 생성된다.
그리고 동일한 이름으로 식별자를 암묵적으로 생성한다.*/
/*함수 호이스팅은 함수를 호출하기 전에 반드시 함수를 선언해야 한다는 당연한규칙을 무시함으로
함수 선언문 대신 함수 표현식 사용을 권장한다.*/

// 인수를 적게 넘겨 줄 경우
// 인수가 부족 할 경우 에러가 발생하지 않고 할당되지 않는 매개변수는 undefined로 할당
function add(x, y) {
    return x + y;
}
console.log(add(2));// NaN

// 인수를 많이 넘겨 줄 경우
// 매겨변수보다 인수가 더 많은 경우 초과된 인수는 무시된다.
// But, 인수는 그냥 버려지는 것이 아니라 모든 인수는 암묵적으로 arguments 객체의 프로퍼티로 보관
function add2(x, y) {
    return x + y;
}
consol.log(add2(2, 5, 10)); // 7

function foo() {
    return;
}
console.log(foo()) // undefined

function foo2() {

}
console.log(foo2()); // undefined

function foo3() {
    return
    x+y;
}
consolelog(foo3()); // undefined
// return문 과 반환값 사이에 줄 바꿈이 존재할 경우 return 옆에 세미콜론이 추가 된다.

// 함수 정의와 동시에 즉시 호출 되는 함수로 단 한번만 호출된다. 보통 익명함수로 생성
(function () {
    var a = 3;
    var b = 5;
    return a * b;
}());

// 함수 선언문
function sum(a, b) {
  return a + b;
}

// 함수 표현식
let sum = function(a, b) {
  return a + b;
};

sayHi("John"); // Hello, John

function sayHi(name) {
  alert( `Hello, ${name}` );
}

sayHi("John"); // error!

let sayHi = function(name) {  // (*) 마법은 일어나지 않는다.
  alert( `Hello, ${name}` );
};

let age = prompt("나이를 알려주세요.", 18);

// 조건에 따라 함수를 선언함
if (age < 18) {

  function welcome() {
    alert("안녕!");
  }

} else {

  function welcome() {
    alert("안녕하세요!");
  }

}

// 함수를 나중에 호출한다.
welcome(); // Error: welcome is not defined

let age = 16; // 16을 저장했다 가정하자.

if (age < 18) {
  welcome();               // \   (실행)
                           //  |
  function welcome() {     //  |
    alert("안녕!");        //  |  함수 선언문은 함수가 선언된 블록 내
  }                        //  |  어디에서든 유효하다
                           //  |
  welcome();               // /   (실행)

} else {

  function welcome() {
    alert("안녕하세요!");
  }
}

// 여기는 중괄호 밖이기 때문에
// 중괄호 안에서 선언한 함수 선언문은 호출할 수 없다.

welcome(); // Error: welcome is not defined

let age = prompt("나이를 알려주세요.", 18);

let welcome;

if (age < 18) {

  welcome = function() {
    alert("안녕!");
  };

} else {

  welcome = function() {
    alert("안녕하세요!");
  };

}

welcome(); // 제대로 동작한다.

let age = prompt("나이를 알려주세요.", 18);

let welcome = (age < 18) ?
  function() { alert("안녕!"); } :
  function() { alert("안녕하세요!"); };

welcome(); // 제대로 동작한다.

let func = (arg1, arg2, ...argN) => expression

let func = function(arg1, arg2, ...argN) {
  return expression;
};

let sum = (a, b) => a + b;

/* 위 화살표 함수는 아래 함수의 축약 버전이다.

let sum = function(a, b) {
  return a + b;
};
*/

alert( sum(1, 2) ); // 3

let double = n => n * 2;
// let double = function(n) { return n * 2 }과 거의 동일하다.

alert( double(3) ); // 6

let sayHi = () => alert("안녕하세요!");

sayHi();

let age = prompt("나이를 알려주세요.", 18);

let welcome = (age < 18) ?
  () => alert('안녕') :
  () => alert("안녕하세요!");

welcome();

let sum = (a, b) => {  // 중괄호는 본문 여러 줄로 구성되어 있음을 알려준다.
  let result = a + b;
  return result; // 중괄호를 사용했다면, return 지시자로 결괏값을 반환해주어야 한다.
};

alert( sum(1, 2) ); // 3

function sum(a, b) {
  let result = a + b;

  return result;
}

let sum = function(a, b) {
  let result = a + b;

  return result;
};

// 화살표(=>) 우측엔 표현식이 있음
let sum = (a, b) => a + b;

// 대괄호{ ... }를 사용하면 본문에 여러 줄의 코드를 작성할 수 있음. return문이 꼭 있어야 함.
let sum = (a, b) => {
  // ...
  return a + b;
}

// 인수가 없는 경우
let sayHi = () => alert("Hello");

// 인수가 하나인 경우
let double = n => n * 2;