Codestates pre course 10일차

오늘은 코드스테이츠 프리 코스 10일차

변수의 유효 범위, let ,const / var 의 차이 기본적인 개념이지만 코드를 봤을 때 한 눈에 들어오지 않아서
다시 한번 기초가 중요하다는걸 깨달았다. 기초 개념도 시간 날 때 마다 리뷰하자....🐸
그래서 변수의 유효 범위와 왜 var 키워드를 사용한 변수 선언을 하지 말아야 할까에 대해서 좀 찾아보고 정리해봤다.
변수의 유효 범위 🐶

그리고 클로저...
내가 처음 자바스크립트를 공부했을 때 가장 이해가 안 가던 부분 중에 하나였다.
그치만 지금은 어떠한 자료를 보지 않아도 설명할 자신이 있다.
이게 다 실행 컨택스트를 얼마나 이해를 하고 있느냐 문제인 것 같다.
실행 컨텍스트만 완벽히 이해하면 클로저는 그냥 딸려오는 개념.. 물론 스코프 체인도 마찬가지
실행 컨텍스트도 정리해서 블로그 포스팅하는 중 1편은 썼는데 2편은 TIL 쓰고 마무리 해야지
프로그램의 평가와 실행 과정(1) 🐶

그리고 객체지향 JavaScript
음.. 일단 객체를 어떻게 만드는지 대해서 공부했다. 생성자 함수를 이용해서 인스턴스를 생성하거나
클래스 구문을 이용해서 인스턴스를 생성하거나 물론 자바스크립트는 프로토타입 기반 상속이기 때문에 정확한 클래스는
아니고 syntactic sugar 라고 한다. 다음에 클래스에 대해서도 자세히 살펴 봐야지.

매개변수에 대한 정보도 있었는데 뭐 대단한 내용은 아니고 코드로 정리를 해보자면

1. rest parameter 사용해서 전달인자의 길이를 유동적으로 해줄 수 있다.

const foo = (...rest) => {
  console.log(rest)  // -> [arg1,arg2,arg3,...]
}

foo(arg1,arg2,arg3,...)

2. arguments 객체 사용하기

const foo = () => {
  console.log(arguments) // {0:arg1,1:arg2} 유사배열 객체
}

foo(arg1,arg2)

3. 매개변수 default 값 설정 해주기

 const foo = (a,b = 2) => {
   console.log(a+b);  // 1 + 2 = 3
 }

 foo(1)

4. 매개변수가 많아 진다면 객체를 사용해서 우아하게 전달하기

const foo = ({a,b,c,d,e,f}) => {
  console.log(a,b,c,d,e,f);  // 1 2 3 4 5 6
}
foo({a:1,b:2,c:3,d:4,e:5,f:6})