Daehyunii's Dev-blog

27.1 배열이란? 배열은 여러 개의 값을 순차적으로 나열한 자료구조다. 배열이 가지고 있는 값을 요소라고 부른다. 자바스크립트의 모든 값은 배열의 요소가 될 수 있다. 배열의 요소는 배열에서 자신의 위치를 나타내는 0이상의 정수인 인덱스를 갖는다. 인덱스는 배열의 요소에 접근할 때 사용한다. 인덱스는 0부터 시작한다. 요소에 접근할 때는 대괄호 표기법( [ ] )을 사용한다. 대괄호 내에 접근하고 싶은 요소의 인덱스를 지정한다. 배열은 요소의 개수, 즉 배열의 길이를 나타내는 length 프로퍼티를 갖는다. 배열은 인덱스와 length 프로퍼티를 갖기 때문에 for 문을 통해 순차적으로 요소에 접근할 수 있다. 자바스크립트에서 배열은 객체 타입의 값이다. const arr = ['apple','bana..

26.1 함수의 구분 ES6 이전까지 자바스크립트의 함수는 별다른 구분 없이 다양한 목적으로 사용되었다. 즉, 자바스크립트의 함수는 일반적인 함수로서 호출할 수도 있고, new 연산자와 함께 호출하여 생성자 함수로서 호출할 수도 있으며, 객체에 바인딩되어 메서드로서 호출할수도 있다. var foo = function (){ return 1; } // 일반 함수로서 호출 foo(); // 1 반환 // 생성자 함수로서 호출 new foo(); // foo {} 생성 // 메서드로서 호출 var obj = { foo : foo }; obj.foo(); // 1 반환 이처럼 ES6 이전의 함수는 사용 목적에 따라 명확히 구분되지 않는다. 다시 말해, ES6 이전의 모든 함수는 callable 이면서 const..

25.2 클래스 정의 클래스는 class 키워드를 사용하여 정의한다. 클래스 이름은 생성자 함수와 마찬가지로 파스칼 케이스를 사용하는것이 일반적이다. // 클래스 선언문 class Person {} 클래스는 함수고, 따라서 클래스는 값처럼 사용할 수 있는 일급 객체다. 클래스 몸체에는 0개 이상의 메서드만 정의할 수 있다. 클래스 몸체에서 정의할 수 있는 메서드는 constructor, 프로토타입 메서드, 정적 메서드의 세 가지가 있다. // 클래스 선언문 class Person { // 생성자 constructor(name){ this.name = name; // 클래스에 의해 미래에 생성될 객체의 프로퍼티 } // 프로토타입 메서드 sayHi(){ console.log(`Hi my name is ${..

클로저의 핵심 키워드는 '함수가 선언된 렉시컬 환경'이다. 24.1 렉시컬 스코프 자바스크르립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프(정적 스코프)라 한다. (관련된 내용은 13장 스코프 정리를 보면 자세하게 알 수 있다.) 2022.07.03 - [언어 공부 및 정리/자바스크립트[모던자바스크립트]] - 13장 스코프 13장 스코프 13.1 스코프란? 스코프란 식별자 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위를 말한다. 즉, 스코프는 식별자가 유효한 범위를 말한다. 앞서 경험한 바와 같 pinetree93.tistory.com 그리고 결국 스코프의 실체는 실행 컨텍스트의 렉시컬 환경이다...

실행 컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 이 개념을 명확하게 이해하면 자바스크립트가 스코프 기반으로 식별자와 식별자에 바인딩된 값을 관리하는 방식과 호이스팅이 발생하는 이유, 클로저의 동작 방식등을 이해할 수 있다. 23.1 소스코드의 타입 우선 실행 컨텍스트를 이해하기 위해서는 소스코드의 타입을 알 필요가 있다. ECMAscirpt 사양은 소스코드 즉, 실행 가능한 코드를 4가지 타입으로 구분한다. 4가지 타입의 소스코드는 실행 컨텍스트를 각각 생성한다. 소스코드의 타입 설명 전역 코드 전역에 존재하는 소스코드 (전역의 함수, 클래수 등의 내부 코드는 제외) 함수 코드 함수 내부에 존재하는 소스코드 (중첩함수,클래스 등의 내부 코드는 제외) eval 코드 빌트인 전역 함수 ..

22.1 this 키워드 객체의 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. 객체 리터럴로 객체를 생성하는 경우에는 메서드 내부에서 메서드 자신이 속한 객체를 가리키는 식별자를 재귀적으로 참조할 수 있다. const circle = { radius : 5, getDiameter(){ return 2 * circle.radius // 재귀적으로 참조 } }; console.log(circle.getDiameter()); // 10 하지만, 생성자 함수의 경우 생성자 함수 내부에서는 프로퍼티 또는 메서드를 추가하기 위해 자신이 생성..

21.1 자바스크립트 객체의 분류 자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있다. - 표준 빌트인 객체 : ECMAscript 사양에 정의된 객체를 말하며 자바스크립트 실행 환경과 관계없이 언제나 사용할 수 있다. 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공된다. 따라서 별도의 선언 없이 전역 변수처럼 언제나 참조할 수 있다. - 호스트 객체 : ECMAscript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경(ex브라우저 또는 Node.js)에서 추가로 제공하는 객체를 말한다. - 사용자 정의 객체 : 표준 빌트인 객체와 호스트 객체처럼 기본 제공되는 객체가 아닌 사용자가 직접 정의한 객체를 말한다. 21.2 표준 빌트인 객체 자바스크립트는 Object, String, ..

20.1 strict mode란? 우선 strict mode를 알기위해서는 암묵적 전역이라는 개념을 알아야 할 필요가 있다. 암묵적 전역이란 변수로 선언하지 않은 식별자에 값을 할당하는 경우 ReferenceError가 발생하지 않고 마치 전역 변수처럼 사용할 수 있다. 그 이유는 자바스크립트 엔진은 암묵적으로 변수로 선언되지 않은 식별자를 전역객체의 프로퍼티로 동적 생성하기 때문이다. 예를들어 window 전역객체에 대한 표현은 생략이 가능하므로 전역객체의 프로퍼티 동적 생성이 되는 것이다. function foo(){ x = 10; // 암묵적 전역이 생성됨(전역 객체 window의 프로퍼티가 된다.) } foo(); console.log(x); // 10 개발자의 의도와는 상관없이 발생한 암묵적 전..