Variable(변수)

변수(var, let, const) 차이

: var은 function-level scope를 가지고, let과 const는 block-level scope를 가진다.
var은 중복선언, 재정의가 가능하지만 let은 중복선언이 불가능하다. 호이스팅이 가능하지만 실제로는 안 되는 것처럼 동작한다. const는 상수를 선언할 때 사용해 변수에 대한 재할당이 금지된다.

hoisting?

: 코드에서 아래쪽에 선언한 변수가 scope의 최상단으로 끌어 올려진 것 같은 현상을 말한다. 프로그램을 수행할 때 모든 식별자를 판단한 후에 runtime으로 들어가기 때문에 변수 선언보다 먼저 호출을 해도 오류가 발생하지 않는다.

immutable vs mutable

: immutable은 값이 변하지 않는다는 의미이고, mutable은 값이 변한다는 의미이다.

데이터 타입

literal

: 특정한 값을 표현하기 위해 사람이 이해할 수 있는 문자, 약속된 기호를 이용하는 표기법이다.
숫자 literal, 문자 literal, 객체 literal, 배열 literal, 함수 literal과 같이 여러 종류의 literal이 존재한다.

각 data type의 특징

• number : 정수와 실수를 구분하지 않는다. 내부적으로 모든 숫자를 64비트 실수로 처리한다.
• string : 문자열을 표현한다. '', "", `` 과 같은 기호로 표현할 수 있다.
• boolean : true, false 값을 저장한다.
• undefined : 값을 할당하지 않은 변수는 undefined 값을 가진다.
• null : 값이 없음을 나타낸다.
• symbol : 변경 불가능한 값을 생성해낸다. unique한 값으로 출력은 할 수 없다. symbol은 다른 data type으로 형변환 할 수 없다.

=> Primitive type(원시 타입)으로 실제 값을 저장한다.

• object : key와 value의 쌍으로 데이터를 저장한다.

=> Reference type으로 값이 저장되어 있는 곳의 주소값을 저장한다.

함수

함수정의 4가지

• 함수 선언문
  : function keyword를 사용해 함수를 정의하는 방법이다. 리터럴을 사용하는 함수 표현식과 다르게 변수에 저장되지 않는다.
  function 함수이름(파라미터/매개변수) {리턴값} 형식으로 정의한다.

• 함수 표현식
  : 함수 리터럴로 만드는 것이다.

• Function 생성자
  : 상속 관계를 위해 만드는 것으로 new Function()을 사용해 함수 객체를 만든다.

• Arrow function
  : 축약 표현으로 함수를 정의하는 것이다.

hoisting

: 함수 선언문은 hoisting이 되고, 함수 표현식은 hoisting이 되지 않는다.
코드를 읽으면서 함수 선언문이 있으면 함수 이름과 똑같은 변수를 만들고, 특정 메모리를 가리키게 한다. 특정 메모리에 함수 내용을 넣고, 변수가 가르키는 메모리에 함수 내용이 적힌 주소를 넣는다.
하지만 함수 표현식에서는 식별자를 특정 메모리를 가리키게 하고 그 메모리에는 undefined를 넣는다. 코드가 실행될 때 함수 내용을 특정 메모리에 넣고 식별자가 가르키는 메모리 값에 함수 내용이 적힌 주소를 넣는다.
함수 선언문은 runtime 이전에 만들어지고, 함수 표현식은 runtime에 만들어지는 것이다.

중첩함수, callback 함수, 고차함수

: 중첩함수는 함수 안에 함수가 또 들어있는 형태이다.
콜백 함수는 고차 함수와 결합하는 함수로 이벤트 처리시에 주로 사용된다. 고차함수는 콜백함수를 받아서 합쳐 하나의 기능을 하는 함수를 말한다.

IIFE 왜 사용할까

: IIFE는 즉시 실행 함수로 함수를 선언함과 동시에 호출한다. 함수를 재사용 할 수 없다는 특징이 있다. 그럼에도 사용하는 이유는 전역 변수를 지역변수화 시킬 수 있기 때문이다. 여러 스크립트 파일을 불러와서 사용하면 전역 변수들이 같은 공간을 공유해 같은 이름의 변수가 생기면 충돌이 발생할 수 있다. 이때, 즉시 실행 함수로 묶어 놓으면 각각의 파일에서 같은 이름의 변수가 있어도 지역변수로 여겨지기 때문에 충돌이 발생하지 않는다.
전역 변수 사용을 줄어야 하는 이유는 가독성이 나빠지고 메모리 resource를 더 소모하게 된다. 전역 변수는 scope chain의 가장 상단에 위치하기 때문에 찾을 때도 늦게 찾게 되기 때문이다.

Scope

• 함수 level scope
  : 함수 안에서 선언된 변수는 함수 내에서만 유효하고, 함수 밖에서는 사용할 수 없다.
• block level scope
  : 코드 블록 안에서 선언된 변수는 블록 내에서만 유효하다.
• lexical scope
  : 함수가 호출되었을 때, scope를 함수가 호출된 곳을 기준으로 설정할지, 함수가 정의된 곳을 기준으로 설정할지를 정해야 한다. lexical scope는 함수가 정의된 곳을 기준으로 scope를 설정한다.

일급 객체

1. 익명의 literal로 생성이 가능하다.
2. 객체가 변수나 자료구조에 저장이 가능하다.
3. 객체가 다른 함수의 인자로 전달이 될 수 있어야 한다.
4. 함수의 리턴값으로 객체를 사용할 수 있다.

객체

built-in 생성자 함수

: Javascript에서 제공하는 생성자 함수이다.
Object, String, Array, Number, Boolean, Function 과 같은 생성자 함수가 존재한다. 이런 생성자 함수들로 객체를 만들어 낼 수 있다.

생성자 함수 정의

: 객체를 만들 때 사용하는 함수이다. 여러개의 동일한 property를 가지는 객체를 생성하기 위해 필요하다. "new" keyword를 이용해서 생성자 함수를 호출한다. 일반적으로 첫 글자를 대문자로 쓰면 생성자 함수이고, 아니면 일반 함수로 쓰이게 된다.

constructor vs non-constructor

• constructor : 함수선언문, 함수표현식, class으로만 instance를 만들 수 있다. 모든 함수가 생성자인 것은 아니다.
• non-constructor : arrow function, ES6 함수 축약형은 [[Constructor]]이 존재하지 않아서 instance를 만들 수 없다.

함수 객체의 기본 property

• arguments : 유사배열 객체
• caller : 함수 자신을 호출한 함수에 대한 reference
• length : 매개변수의 개수
• name : 함수의 이름
• prototype : 해당 생성자 함수가 생성하는 instance가 내부 슬롯 [[Prototype]]으로 참조하는 객체 instance에서 __proto__로 접근할 수 있다.

Prototype chain

: 내가 사용하려는 property를 chain을 따라서 찾아 가는 것이다.
생성자 함수를 기준으로, 인스턴스를 기준으로 해서 2개가 존재한다. 자신의 [[Prototype]] 내부 슬롯의 참조를 따라간다.

Prototype 교체(동적 상속)

동적 상속 : extends 키워드 뒤에 값으로 평가될 수 있는 식이 올 수 있다.

만들어낸 객체.__proto__를 통해서 상속 관계를 바꿀 수 있다.

Closure(클로저)

closure가 무엇이고 어떤 효과가 있는지

: 함수와 그 함수가 선언된 lexical 환경의 조합이다.

closure는 중첩함수로 이 중첩함수가 외부함수의 결과값으로 return 된다. return 되는 중첩함수의 생명주기가 외부함수보다 길고, 외부함수의 식별자를 참조한다. 이때, 중첩함수에서 외부함수에 대한 참조가 남아있기 때문에 외부함수의 실행은 execution context stack에서 사라지지만 외부함수의 lexical 환경은 메모리에 남아있어서 중첩함수에 의해 사용될 수 있다.
closure는 information hiding을 구현할 때 사용된다.

Class

class의 개념, 사용

: 현실세계에 존재하는 객체를 모델링하는 수단이다. instance를 만들어낸다.

생성자 함수와 유사하다. class 자체가 함수이면서 객체이다. 생성자 함수와 다르게 반드시 new keyword가 필요하다. 상속와 hoisting이 가능하다.

Array

Array의 특징

배열의 각각 요소를 숫자 index로 참조할 수 있다. 순서가 있고, length가 존재한다.

자주 사용되는 method

• map
• filter
• splice
• push