자바스크립트의 스코프는 다른 언어의 스코프와는 약간 결이 다르다. 그리고 var 키워드로 선언한 변수와 let 또는 const 키워드로 선언한 변수의 스코프도 다르게 동작한다. var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언이 허용된다. 이는 의도치 않게 변수값이 재할당되어 변경되는 부작용을 발생시킨다. 하지만 let, const 같은 ES6에서 생긴 변수 선언 키워드들은 같은 스코프 내 중복선언을 허용하지 않는다. 스코프의 종류 구분 설명 스코프 변수 전역 코드의 가장 바깥 영역 전역 스코프 전역 변수 지역 함수 몸체 내부 지역 스코프 지역 변수 변수는 자신이 선언된 위치에 의해 자신이 유효한 범위인 스코프가 결정된다. 지역 변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다. 함수..

함수 호출 함수 호출 연산자 내에는 0개 이상의 인수를 쉼표로 구분해서 나열하고, 함수 호출 시 실행 흐름을 중단하고 호출된 함수로 제어권이 넘어간다. 이때 매개변수에 인수가 순서대로 할당되고 함수 몸체의 문들이 실행되기 시작한다. 매개변수, 인수 인수는 실제 함수에 넘어가는 값이며, 전달되어 매개변수에 할당된다. 매개변수는 함수를 정의할 때 선언하며, 함수 몸체 내부에서 변수와 동일하게 취급된다. 매개변수는 함수 몸체 내부에서만 참조할 수 있고, 함수 몸체 외부에서는 참조 불가능하다. 즉 매개변수의 스코프는 함수 내부라는 것이다. 함수는 매개변수의 개수와 인수의 개수가 일치하지 않는지 체크하지 않는다. 만약 인수가 부족해서 인수가 할당되지 않는다면 해당 매개변수는 undefined 값을 가진다. 매개변..

자바스크립트에서는 함수도 객체이다. 함수 정의 함수를 정의하는 방법에는 4가지가 있다. 함수 선언문 함수 표현식 Function 생성자 함수 화살표 함수 함수 선언문 function add(x, y) { return x + y; } console.dir(add); consolg.log(add(3, 10)); console.dir 은 함수 객체의 프로퍼티까지 출력해준다. 함수 선언문은 함수 리터럴과는 달리 함수 이름을 생략할 수 없다는 걸 알고 있자. 함수 선언문은 표현식이 아닌 문이다. 표현식이 아닌 문은 변수에 할당할 수 없는데, 함수 선언문도 표현식이 아닌 문이므로 변수에 할당할 수 없다. 엥? 되는데요? 이게 되는 이유는 자바스크립트 엔진이 코드 문맥에 따라 함수리터럴을 표현식이 아닌 문인 함수 선..

자바스크립트가 제공하는 7가지 데이터 타입은 크게 원시 타입과 객체 타입으로 구분 가능하다. 원시타입과 객체타입의 차이점에 대해 좀 서술해보겠다. 원시값은 변경 불가능한 값이나 객체는 변경 가능한 값이다. 원시 값을 변수에 할당하면 변수에는 실제 값이, 객체를 할당하면 변수에는 참조 값이 저장된다. 원시 값은 값에 의한 전달이, 객체는 참조에 의한 전달이다. 하나씩 따지고 들어가보자. 원시 값 원시 값은 변경 불가능한 값이다. 한번 생성된 원시 값은 읽기 전용값으로, 변경 불가능하다. 변수와 값을 혼동하면 안된다. 변수는 값을 저장하기 위한 공간 혹은 해당 공간을 식별하기 위해 붙여진 이름이고, 값은 변수에 저장되는 데이터로 표현식이 평가되어 생성된 결과를 말하는 것이다. 변경 불가능하다는 것은 변수가 ..