자바스크립트(3)
-
[JS] null, undefined 정리
자바스크립트에서 부정적인? 네거티브한 늬앙스를 풍기는 값으로 null과 undefined가 있다. 사실 깊게 설명하면 자바스크립트 '값'이란 무엇인지 부터 설명해야하지만 ( 모던자바스크립트 딥다이브 발행글 참고) 간단하게 개념만 설명해보자면 다음과 같다. " 초오오오 심플 그냥 내가 이해한대로 설명하는 JavaScript 개념!! " Null 아무 것도 없는 상태 즉, 변수에 아무 값도 할당되지 않은 상태 Null은 저절로 생겨나지 않는다.. 빈 박스에.. 정성껏 박스테이프를 발라서.. 튼튼하게 포장을하고 텅빈박스라고 적는게.. 굳이굳이 텅빈박스라고 명시하기위해 만드는거 아니면 할 필요가 없지 않을까...? Null은 명시적으로 비어있는 상태를 표기하기 위함!! Undefined 아직 결정을 내리지 않은..
2024.04.06 -
[JS] 자바스크립트 실행컨텍스트 Execution Context (3)
자바스크립트 this 보통 객체지향언어에서 this는 클래스를 정의한 인스턴스 그 잡채를 의미한다! 그런데 자바스크립트의 this는 그때그때 상황별로 의미하는 바가 달라진다. (엉뚱한 JS엔진이다!) 우리.. this 는요.. 실행컨텍스트가 생성(Create)될 때 결정(bind)된다. 기본적으로 전역공간에서는 런타임환경에 맞는 전역객체를 가르킨다. 함수와 메서드의 비교 자바스크립트의 this는 상황별로 달라지게 되는데 이를 이해하기 위해서 함수와 메서드를 구분해서 이해할 필요가 있다. 공통점 : 기능을 수행한다. 차이점 : 함수는 독립적이지만 메서드는 반드시 객체에 종속되어 동작한다. 함수와 메서드의 this바인딩 비교 function logThis (lineNum){ console.log("call ..
2023.04.13 -
[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