본문 바로가기

전체 글48

[JavaScript] 스코프 체인이란? 스코프란? 변수(식별자)의 유효 범위를 뜻한다. 스코프(Scope)는 변수가 어디서, 어떻게 선언되었는지에 따라 그 변수의 유효한 범위가 결정되는 규칙이기도 하며, 자바스크립트에서는 이 규칙에 따라 참조의 대상이 되는 변수를 탐색해나간다. (→ 그것을 Scope Chain) 🔗스코프체인? 자바스 크립트 ES2015기준으로 확바뀜 예전엔 함수가 기준이였는데 요즘엔 블록이 기준이다( 함수도 다행히 블록을 가지고 있다 ) 스코프 체인(Scope Chain)은 일종의 리스트로서 전역 객체와 중첩된 함수의 스코프의 레퍼런스를 차례로 저장하고, 의미 그대로 각각의 스코프가 어떻게 연결(chain)되고 있는지 보여주는 것 을 말한다. 유효 범위를 나타내는 스코프가 scope 프로퍼티로 각 함수 객체 내에서 연결리스트.. 2022. 11. 9.

클로저와 스코프체인의 이해를 위한 주절거림 생각.. 자바스크립트가 렉시컬 스코프 환경을 따른다는건 알고있고 렉시컬 스코프환경 즉, 정적 스코프는 함수의 호출이아닌 선언에 의해서 범위가 결정된다 렉시컬스코프를 가장 이해하기 쉬운 예제 코드는 아래이다. 렉시컬 스코프( 동적 스코프 ) var x = "global"; function outer() { var x = "local"; inner(); } function inner() { console.log(x); } outer() //global inner() //global 아래와 같이 렉시컬 스코프는 내부 함수에서 찾을 수 없는 변수이면 상단의 외부함수로 올라가 찾는다. 그러다가 최종적으로 전역변수 범위까지 올라가서도 찾을 수 없으면 에러를 나타내는 것이다. 동적 스코프 var x = "global.. 2022. 11. 9.

[JavaScript] Scope란? 👁‍🗨자바스크립트는 함수 레벨 스코프(function-level scope)를 따른다. 함수 레벨 스코프란 함수 코드 블록 내에서 선언된 변수는 함수 코드 블록 내에서만 유효하고 함수 외부에서는 유효하지 않다(참조할 수 없다)는 것이다. 👉🏻단, ECMAScript 6에서 도입된 let keyword를 사용하면 블록 레벨 스코프를 사용할 수 있다. 👨🏻‍💻 Scope란? Scope는 직역하면 "범위"라는 뜻이다. JavaScript 에서 Scope(스코프)는 변수에 접근할 수 있는 범위를 말한다. 식별자(변수)를 찾기위한 규칙이라고도 한다. 식별자의 유효 범위 ⇒ 모든 식별자는 자신이 선언된 위치에 의하여 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정됨. var x = 'global'; f.. 2022. 11. 5.

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

이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음

티스토리툴바