본문 바로가기

JS/바닐라JS3

[인사이드 JS] 실행 컨텍스트와 클로저 1. 실행 컨텍스트 개념 콜 스택 : 함수를 호출할 때 해당 함수의 호출 정보가 차곡차곡 쌓여있는 스택 실행 컨텍스트 : 실행 가능한 자바스크립트 코드 블록이 실행되는 환경. 여기서 코드 블록은 대부분 함수. 실행 컨텍스트가 형성되는 경우 세 가지 : 전역 코드, eval() 함수로 실행되는 코드, 함수 안의 코드를 실행할 경우. 대부분 함수로 실행 컨텍스트를 만든다. 코드 블록 안에는 변수, 객체, 실행 가능한 코드가 들어있고, 이 코드가 실행되면 실행컨텍스트가 생성된다. 실행 컨텍스트는 스택 안에 하나씩 차곡차곡 쌓이고, 제일 위에 위치하는 실행 컨텍스트가 현재 실행중인 컨텍스트이다. 2. 실행 컨텍스트 생성 과정 function func1(p1, p2) { const a = 1, b = 2 func.. 2019. 11. 9.
[인사이드 JS] 함수와 프로토타입 체이닝 1. 함수정의 자바스크립트에서 함수를 생성하는 방식은 3가지이다. 함수 선언문, 함수 표현식, Function() 생성자 함수. 1) 함수 리터럴 JS에서는 함수도 일반 객체처럼 값으로 취급되기 때문에 함수도 객체처럼 함수 리터럴을 이용해 생성할 수 있다. function add(a, b) { return a + b } 함수 리터럴로 add 함수를 생성한 것이다. 2) 함수 선언문 방식으로 함수 생성하기 1번의 함수 리터럴로 함수를 생성하는 방식이 함수 선언문 방식이다. 함수 선언문 방식에서는 함수 이름이 반드시 필요하다. 3) 함수 표현식 자바스크립트에서 함수는 하나의 값으로 취급되어 숫자나 문자열처럼 변수에 할당하는 것도 가능하다. 함수 리터럴로 하나의 함수를 만들고, 여기서 생성된 함수를 변수에 할.. 2019. 11. 9.
[인사이드 JS] 자바스크립트 데이터 타입과 연산자 자바스크립트의 값들은 크게 기본타입과 참조타입으로 나뉜다. 기본타입 - 숫자, 문자열, 불린값, undefined, null 참조타입 - 객체(배열, 함수, 정규표현식) 1. 자바스크립트 기본타입. 자바스크립트는 느슨한 타입 체크 언어이다. 변수를 선언할 때 타입을 미리 정하지 않고, var라는 한 가지 키워드로만 변수를 선언한다. 선언된 변수에는 어떤 타입의 데이터라도 저장하는게 가능하다. 저장한 값에 따라 해당 변수의 타입이 정해진다. 1) 숫자 자바스크립트에서는 int, long, float과 같은 숫자타입의 구분이 없다. 모든 숫자를 64비트 부동 소수점 형태로 저장하는 단 하나의 숫자형만 존재한다. 자바스크립트에서는 정수형이 따로없고, 모든 숫자를 실수로 처리하기 때문에 C언어와 달리 나눗셈 연.. 2019. 10. 31.

티스토리툴바