개발/HTML+CSS+JS(15)
-
[JS] 자바스크립트 실행컨텍스트 Execution Context (2)
Outer(Outer Environment Reference) 외부 환경 참조 Outer Environment Reference 란? 스코프 체인이 가능하도록 외부 환경정보를 참조하고 있다. 즉, 바깥의 L.E.(LexicalEnvironment)를 참조한다. 이때 아우터는 현재 Outer가 속한 실행컨텍스트가 호출될 당시의 정보를 가지고 있다. (자바스크립트 엔진의 동작 매커니즘이기때문에 추상적으로 이해하자면.. 실행컨텍스트가 호출되서 새로 올라오면 그 당시의 스냅샷..이라고 해야할까..프리즈된 정보를 아우터가 가진다고 생각했다.) Scope, Scope Chain 의 개념 여기서 스코프와 스코프체인의 개념을 한번만 짚고 넘어가자.. Scope - 선언된 식별자가 어디까지 유효한지에 대한 범위 Scop..
2023.04.12 -
[JS] 자바스크립트 배열 정렬, 조금 남다른 Array.sort()
자바스크립트 내장 객체 Array 자바스크립트에 내장되어있는 객체로 단일 변수명 아래 여러 항목을 모아서 저장 가능하다. Description 서로 다른 데이터 유형을 혼합하여 저장할 수 있다. 0부터 인덱스를 제공한다. 사이즈 리사이징이 가능하다. 다른 프로그래밍 언어와 마찬가지로 자바스크립트도 배열을 제공하고 있다. Array 객체는 다양한 메서드를 가지고 있는데 그중 오늘 살펴볼 녀석은 sort()이다. Array.prototype.sort() 특징 기본 오름차순 정렬 기존 배열을 정렬 (따라서 기존 배열이 변경됨. 기존배열을 보존하고 복사본을 만들어서 정렬하고 싶다면 toSorted()를 사용하자) 매개변수로 비교함수를 가진다. (필수는 아님) 문자열로 변환한 다음 UTF-16 code 단위 값으..
2023.04.11 -
[JS] 자바스크립트 실행컨텍스트 Execution Context (1)
JS Execution Context 실행컨텍스트란 코드에 제공할 환경정보를 모아둔 객체 호이스팅, 외부환경정보 구성, this값 설정 콜스택이라는 스택에 실행정보를 쌓아두면서 자바스크립트 코드의 실행순서를 보장 받을 수 있도록 한다. 코드 실행 순서 보장 var a = 1 function outer(){ function inner(){ console.log("inners console : ",a) var a =3 } inner() console.log("outers console : ", a) } outer() console.log("console : ",a) 위와 같은 자바스크립트 코드가 있을때 위의 실행정보는 다음의 순서로 콜스택에 들어가게 된다. console.log()도 모두 콜스택에 실행 컨텍..
2023.04.11 -
[JS] 객체 메소드, 객체 비교, 객체 병합
더보기 [JSB] 선언의 범위 (scope) 관련 글 함께 보기 [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) consol youngsimi.tistory.com [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) console.log(typeof person) 생성자 ..
2023.04.04 -
[JS] 객체 속성 접근 방식
더보기 [JSB] 선언의 범위 (scope) 관련 글 함께 보기 [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) consol youngsimi.tistory.com [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) console.log(typeof person) 생성자 ..
2023.04.04 -
[JS] 객체 생성
더보기 [JSB] 선언의 범위 (scope) 관련 글 함께 보기 [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) consol youngsimi.tistory.com [JSB] 객체 생성 객체 Object 타입의 핵심 key-value 형태로 생성된다. 기본적인 객체 생성 let person = { name: "파울로 코엘료", age: 43, gender: "남자", book: "순례자", }; console.log(person) console.log(typeof person) 생성자 ..
2023.04.04