함수

• 여러 동작을 묶은 덩어리

함수를 사용하면 좋은점

• 각 명령의 시작과 끝을 명확하게 구별할 수 있다.
• 함수에 별도의 이름을 붙이면 같은 기능이 필요할 때마다 해당 함수를 실행할 수 있다.

함수 선언

• 함수가 어떤 명령을 처리해야 할지 미리 알려주는 것
• function 예약어를 사용하고, {} 안에 실행할 명령을 작성

  function addNum(){
  let sum = 10 + 20;
  console.log(sum);
  }

함수 호출

• 함수 이름을 사용해 함수 실행

  addNum()
  입력시 결과물은 30

let과 const

• var 변수의 스코프
  • 변수 이름 앞에 var를 붙이면 지역함수
  • var가 없으면 전역함수
• var 변수의 호이스팅
  • 변수를 선언하기 전에 변수를 사용해도 오류가 생기지 않으며 변수 선언이 앞에 있는 것처럼 끌어올려(hoisting) 인식한다.

var x = 100;
function test(){
document.write(x is ${x} y is ${y});
var y = 200;
}
test();
결과 : x is 100, y is undefined

• let - 프로그램 안에서 값이 변하는 변수
• const - 프로그램 안에서 값이 변하지 않는 변수

	설명
변수의 스코프	let 변수와 const 변수는 블록 영역의 스코프
호이스팅 없음	변수를 선언하지 않고 사용하면 오류 발생
변수의 재선언 불가	같은 변수를 다시 선언하면 오류 발생

변수 사용 권장사항

• 전역 변수는 최소한으로 사용한다
• var 변수는 함수의 시작 부분에서 선언한다 (호이스팅 방지)
• for문의 카운터 변수는 블록 변수(let)를 사용하는게 좋다
• ES6를 사용한 프로그램이라면 var보다 let을 사용한다