본문 바로가기

자바스크립트13

콜백 함수(Callback) 자바스크립트에서 비동기를 처리할 때 callback과 promise를 사용하게 된다. 먼저 callback 함수에 대해서 알아보자 비동기 처리? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 프로젝트 수행시 클라이언트와 서버 간 데이터를 주고 받는 과정이 필요하다. 이를 위해 HTTP 통신을 사용하게 되는데 이때 비동기처리의 문제점이 발생하게 된다. 아래의 ajax 통신 사례를 통해 알아보자 function getData() { var tableData; $.get('https://domain.com/products/1', function(response) { tableData = response; }).. 2022. 11. 3.

this의 용법 핵심 대부분의 경우, this의 값은 함수를 호출하는 방법에 의해 결정된다. 자바스크립트에서 함수의 선언하는것에서 결정되는것 => 클로저 함수의 호출 할때 결정되는것 => this의 핵심 함수 호출 방식과 this 바인딩 자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩할 어떤 객체가 동적으로 결정된다. 다시 말해, 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정되는 것이 아니고, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정된다. 👉 바인딩이란? 식별자와 값을 연결하는 과정을 말한다.변수선언은 변수 이름과 확보된 메모리 공간의 주소를 바인딩하는 것이다.this 바인딩은 this(키워드로 분류되지만 식별자의 역할을 한다.)와 this가 .. 2022. 10. 27.

Closure 클로저 💡클로저란 클로저는 주변의 상태 (lexical environment)의 참조와 함께 번들로 묶인 함수의 조합입니다. 즉, 클로져는 우리에게 inner함수에서 outer함수의 스코프에 접근을 가능하게 해줍니다. 자바스크립트에서 클로저는 함수가 생성될 때마다 생성됩니다. 아래는 클로저를 설명하는 여러 문서에서 참고한 것이다. 함수와 함수가 선언된 어휘적(lexical) 환경의 조합 클로저는 함수를 지칭하고 또 그 함수가 선언된 환경과의 관계라는 개념이 합쳐진것이다. 클로저의 핵심은 스코프를 이용해서, 변수의 접근 범위를 닫는(폐쇄)것에 있다. 외부함수 스코프에서 내부함수 스코프로 접근 불가능하다. 내부함수에서는 외부함수 스코프에서 선언된 변수에 접근 기능하다. 따라서 내부 함수는 외부함수에 선언된 변수에 .. 2022. 10. 23.

호이스팅이란? 호이스팅(Hoisting)호이스팅은 변수나 함수 선언을 함수 유효 범위(또는 함수 외부의 경우 전역 범위)가 JS 엔진에의해맨 위로 이동하는 현상을 말한다. ( 🐸 : 이렇게 말하면 쉬운 문장 같으면서도 어려운거 알아요 저도 그랬으니까 천천히 읽으면서 내려가보면 조금씩 이해될겁니다..! ) JavaScript 엔진은 실행하기 전에 코드를 구문 분석하고 구문 분석 단계 중에 모든 변수 및 함수 선언 을 범위의 맨 위로 이동합니다. JS 엔진의 이러한 동작을 호이스팅( hoisting)이라고 합니다.이를 제대로 이해하기 위해서는 TDZ와 변수의 생성 단계에 대한 이해가 필요하다.TDZTDZ(Temporal Dead Zone) 직역시 일시적인 사각지대란 뜻이다.이 일시적인 사각지대는 스코프의 시작 지점부터.. 2022. 10. 22.

이전 1 2 3 4 다음

티스토리툴바