1. 단락 평가(Short -circuit Evaluation): 자바스크립트에서 &&나 ||와 같은 논리 연산자를 처리할 때, 첫 번째의 값으로 이미 True나 False를 확정할 수 있다면 그 이후의 값에는 접근하지 않는다.단락평가는 truthy하고 falsy한 값에도 적용된다.ex) &&에서 앞이 false면 더 보지 않음, ||에서 앞이 true면 더 보지 않음 truthy || truthy의 경우 앞쪽의 truthy한 값을,truthy && truthy일 경우, 뒤쪽의 truthy 값을 반환한다.
B가 코딩하면 Boding
blog
7 Posts
Javascript
Javascript
인프런 리액트 강의 - Javascript 요약 ②
Javascript
인프런 리액트 강의 - Javascript 요약 ①
1. Let과 Var의 차이: Var의 경우, 동일한 이름으로 변수를 다시 선언할 수 있지만 let과 const는 같은 변수명으로 다시 객체의 재선언이 불가능하다. (let은 값을 바꾸는 재할당은 가능하다.) 2. 형변환: JS에서는 자동으로 형변환이 이루어지는 경우가 있다. 곱하기 연산(*)의 경우, 숫자형과 문자형을 곱했을 때 문자형을 숫자형으로 변환 가능하다면 자동으로 형변환이 진행되며, 더하기 연산(+)의 경우, 문자형의 더하기 연산으로 간주되어 숫자형을 문자형으로 자동 형변환한다.그 외에도 의도적으로 형변환을 지정할 경우에는 parseInt(), parseFloat() 등을 사용한다. (parse의 경우 문자열 내에서 숫자만 찾아내 변환한다.) 3. 연산자자바스크립트에서는 ==와 ===의 동..
Javascript
Chapter 5 요약
Chapter 5. 클로저 5.1 클로저의 의미 및 원리 이해 클로저(Closure)는 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성이다. 자바스크립트 고유의 개념이 아니기 때문에 ECMAScript 명세서에서도 클로저의 정의를 다루지 않고 있기 때문에 다양한 서적에서 클로저를 한 문장으로 요약해서 설명하면 아래와 같다. 자신을 내포하는 함수의 컨텍스트에 접근할 수 있는 함수 ─ 더글라스 크록포드, 《자바스크립트 핵심 가이드》, 한빛미디어(p68) 함수가 특정 스코프에 접근할 수 있도록 의도적으로 그 스코프에서 정의하는 것 ─ 에단 브라운, 《러닝 자바스크립트》, 한빛미디어(p196) 함수를 선언할 때 만들어지는 유효범위가 사라진 후에도 호출할 수 있는 함수 ─ 존 레식, 《자바스크립트 닌자 비..
Javascript
Chapter 4 요약
Chapter 4. 콜백 함수 4.1 콜백함수란? 콜백 함수(callback funciton)는 다른 코드의 인자로 넘겨주는 함수다. 콜백 함수를 넘겨받은 코드는 이 콜백 함수를 필요에 따라 적절한 시점에 실행한다. 즉, 어떤 함수 X를 호출하면서 '특정 조건일 때 Y를 실행해서 나에게 알려달라'는 요청을 보내는 것이다. 콜백 함수는 제어권과 관련이 깊다. 콜백 함수는 다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수다. 콜백 함수를 위임받은 코드는 자체적인 내부 로직에 의해 이 콜백 함수를 적절한 시점에 실행한다. 4.2 제어권 4.2.1 호출 시점 var count = 0; var timer = setInterval(function () { console.log(co..
Javascript
Chapter 3 요약
Chapter 3. this 3.1 상황에 따라 달라지는 this 대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미하기 때문에 클래스에서만 사용할 수 있다. 그러나 자바스크립트에서는 어디든지 사용할 수 있으며, 상황에 따라 this가 바라보는 대상이 달라진다. this는 자바스크립트에서 함수와 객체를 구분하는 유일한 기능이다. this는 기본적으로 실행 컨텍스트가 생성될 때(함수가 호출될 때) 함께 결정된다. 함수가 어떤 방식으로 호출되느냐에 따라 this의 값이 달라진다. 3.1.1 전역 공간에서의 this 전역 공간에서 this는 전역 객체를 가리킨다. 전역 컨텍스트를 생성하는 주체가 전역 객체이기 때문이다. 전역 객체는 자바스크립트 런타임 환경에 따라 다른데 브라우저 환경에..
Javascript
Chapter 2 요약
Chapter 2. 실행 컨텍스트 2.1 실행 컨텍스트란? 실행 컨텍스트(execution content)는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 자바스크립트의 동적 언어로서의 성격을 잘 파악할 수 있는 개념이다. 자바스크리트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅hoisting), 외부 환경 정보를 구성하고, this 값을 설정하는 등의 동작을 수행하는데, 이로 인해 다른 언어에서는 발견할 수 없는 특이한 현상들이 발생한다. 스택(stack)은 출입구가 하나뿐인 깊은 우물같은 구조다. 만약 순서대로 데이터 a, b, c, d를 저장했다면 꺼낼 때는 반대로 d, c, b, a의 순서로 꺼내게 된다. 큐(Queue)는 양쪽이 모두 열려있는 파이프다...