인생 1회차 (First-Life) Ing

실행 컨텍스트 개념 함수를 호출할 때 해당 함수의 호출 정보가 차곡차곡 쌓여있는 스택을 콜 스택call stack 이라 한다. 실행 컨텍스트는 콜 스택에 들어가는 실행 정보 하나와 비슷하다. 실행 컨텍스트는 "실행 가능한 코드를 형상화하고 구분하는 추상적인 개념" 으로 콜스택과 연관하여 정의하면 "실행 가능한 자바스크립트 코드 블록이 실행되는 환경" 이라고 할 수 있고, 이 컨텍스트 안에 실행에 필요한 여러가지 정보를 담고 있다. 여기서 말하는 실행 가능한 코드 블록은 대부분의 경우 함수가 된다. “현재 실행되는 컨텍스트에서 이 컨텍스트와 관련 없는 실행 코드가 실행되면 새로운 컨텍스트가 생성되어 스택에 들어가고 제어권이 그 컨텍스트로 이동한다. ” 실행 컨텍스트 생성 과정 활성 객체 생성 > argum..

프로토타입의 두가지 의미 자바스크립트의 모든 객체는 자신의 부모인 프로토타입 객체를 가리키는 참조 링크 형태의 숨겨진 프로퍼티가 있다. 이러한 링크를 암묵적 프로토타입 링크implicit prototype link 라고 부르며 이러한 링크는 모든 객체의 [[Prototype]] 프로퍼티에 저장된다. 주의해야 할 점은 prototype 프로퍼티와 객체의 숨은 프로퍼티인 [[Prototype]] 링크를 구분해야 한다는 점이다. 자바스크립트에서 모든 객체는 자신을 생성한 생성자 함수의 prototype 프로퍼티가 가리키는 프로토타입 객체를 자신의 부모 객체로 설정하는 [[Prototype]] 링크로 연결한다. 객체 리터럴 방식으로 생성된 객체의 프로토타입 체이닝 자바스크립트에서 객체는 자기 자신의 프로퍼티뿐만..

함수호출 함수를 호출하여 코드를 실행하는 것 arguments 객체 C와 같은 엄격한 언어와 달리 자바스크립트에서는 함수를 호출할 때 함수 형식에 맞춰 인자를 넘기지 않더라도 에러가 발생하지 않는다. 정의된 함수의 인자보다 적게 함수를 호출했을 경우 : 넘겨지지 않은 인자에게 undefined 값이 할당 정의된 인자 개수보다 많게 함수를 호출 했을 경우 : 에러가 발생하지 않고, 초과된 인수는 무시 이러한 특성 때문에 함수 코드를 작성할 때, 런타임 시에 호출된 인자의 개수를 확인하고 이에 따라 동작을 다르게 해줘야할 경우가 있는데, 이를 가능케 하는 것이 바로 arguments 객체이다. arguments 객체는 매개변수 개수가 정확하게 정해지지 않은 함수를 구현하거나, 전달된 인자의 개수에 따라 서로..

함수 객체 자바스크립트에서는 함수도 객체다 함수의 기본 기능인 코드 실행뿐만 아니라, 함수 자체가 일반 객체처럼 프로퍼티들을 가질 수 있다는 것이다. 자바스크립트에서 함수는 값으로 취급된다 자바스크립트에서는 함수도 일반 객체처럼 취급될 수 있다. 때문에 자바스크립트 함수는 다음과 같은 동작이 가능하다. 리터럴에 의해 생성 변수나 배열의 요소, 객체의 프로퍼티 등에 할당 가능 함수의 인자로 전달 가능 함수의 리턴값으로 리턴 가능 동적으로 프로퍼티를 생성 및 할당 가능 이와 같은 특징이 있으므로 자바스크립에서는 함수를 일급First Class 객체라고 부른다. 자바스크립트 함수의 기능은 입력한 값을 받아 처리한 다음 그 결과를 반환하는 구조다. 하지만 이러한 기본적인 기능 외에도 함수가 일급 객체이며 이는 ..

자바스크립트에서의 함수를 생성하는 방법은 3가지가 있다 함수 선언문 function statement 함수 표현식 function expression Function() 생성자 함수 함수 리터럴 자바스크립트에서는 함수도 일반 객체처럼 값으로 취급된다. 때문에 객체 리터럴 방식으로 일반 객체를 생성할 수 있는 것처럼 자바스크립트에서는 함수 리터럴을 이용해 함수를 생성할 수 있다. 함수 리터럴은 크게 네 부분으로 구성된다. function add (x, y) { return x + y; } ① function 키워드 : 자바스크립트 함수 리터럴은 function 키워드로 시작한다. ② 함수명 : 함수명은 함수 몸체 내부코드에서 자신을 재귀적으로 호출하거나 자바스크립트 디버거가 해당함수를 구분하는 식별자로 사..

연산자 + 연산자 더하기 연산과 문자열 연결 연산을 수행한다. typeof 연산자 피연산자의 타입을 문자열 형태로 리턴한다. 여기서 null과 배열이 'object'라는 점, 함수는 'function' 이라는 점에 유의해야 한다. 숫자 'number' 문자열 'string' 불린값 'boolean' null 'object' undefined 'undefined' 객체 'object' 배열 'object' 함수 'function' == (동등) 연산자와 ===(일치)연산자 자바스크립트에서는 두 값이 동일한지를 확인하는 데 두 연산자를 모두 사용할 수 있다. == 연산자는 비교하려는 피연산자의 타입이 다를 경우에 타입 변환을 거친 다음에 비교한다. === 연산자는 피연산자의 타입이 다를 경우에 타입을 변경하..

배열 자바스크립트 객체의 특별한 형태. 배열 리터럴 자바스크립트에서 새로운 배열을 만드는 데 사용하는 표기법이다. 대괄호 ([ ]) 를 사용한다. 객체 리터럴과 달리 각 요소의 값만을 포함한다. 대괄호 내에 접근하고자 하는 원소의 배열 내 위치 인덱스값을 넣어서 접근한다. ※ 배열 내의 첫번째 원소는 인덱스 0 부터 시작한다. 배열의 요소 생성 객체와 같이 배열의 원소도 동적으로 추가할 수 있다. 특히, 자바스크립트 배열의 경우는 값을 순차적으로 넣을 필요 없이 아무 인덱스 위치에나 값을 동적으로 추가할 수 있다. 배열의 요소는 숫자나 문자열 같은 기본 타입의 값들을 포함해서 객체나 함수, 배열 등과 같이 자바스크립트의 모든 데이터 타입을 포함할 수 있다. 자바스크립트는 배열의 크기를 현재 배열의 인덱스..

자바스크립트 참조 타입(객체 타입) 자바스크립트에서 숫자, 문자열, 불린값, null, undefined 같은 기본 타입을 제외한 모든 값은 객체다. 따라서 배열, 함수, 정규표현식 등도 모두 결국 자바스크립트 객체로 표현된다. 자바스크립트에서 객체는 단순히 '이름(key):값(value)' 형태의 프로퍼티들을 저장하는 컨테이너로서, 컴퓨터 과학 분야에서 해시Hash라는 자료구조와 상당히 유사하다. 기본타입은 하나의 값만을 가지는데 비해, 참조 타입인 객체는 여러개의 프로퍼티들을 포함할 수 있으며, 이러한 객체의 프로퍼티는 기본 타입의 값을 포함하거나 다른 객체를 가리킬 수 도 있다. 이러한 프로퍼티의 성질에 따라 객체의 프로퍼티는 함수로 포함할 수 있으며, 자바스크립트에서는 이러한 프로퍼티를 메서드라고..

기본타입 숫자, 문자열 불린값 null, undefined 자바스크립트는 느슨한 타입 체크 언어이기 때문에 변수를 선언할 때 타입을 미리 정하지 않고, var 라는 한가지 키워드로만 변수를 선언한다. 이렇게 선언된 변수에는 어떤 타입의 데이터라도 저장하는 것이 가능하다. 따라서 자바스크립트는 변수에 어떤 형태의 데이터를 저장하느냐에 따라 해당 변수의 타입이 결정된다. 숫자 자바스크립트는 모든 숫자를 64비트 부동 소수점 형태로 저장하기 때문에 하나의 숫자형만 존재한다. 자바스크립트에서는 정수형이 따로 없고, 모든 숫자를 실수로 처리하므로 나눗셈 연산을 할 때는 주의해야 한다. 문자열 문자열은 작은 따옴표(' ')나 큰 따옴표 (" ")로 생성한다. 주의해야 할 점은 한 번 정의된 문자열은 변하지 않는다는..

자바스크립트 웹 브라우저에서 동작하는 스크립트 언어 DOM Document Object Model 자바스크립트의 핵심 개념 객체 자바스크립트의 거의 모든 것은 객체 제외 - 기본 데이터 타입 : boolean, number, string, 특별한 값 : null, undefined 기본 데이터 타입은 모두 객체처럼 다룰 수도 있다 함수 함수도 객체로 취급한다( 일급객체 First class object) 프로토타입 모든 객체는 숨겨진 링크(Link)인 프로토타입(Prototype)을 가진다 실행 컨텍스트와 클로저 자신만의 독특한 과정으로 실행 컨텍스트를 만들고 그 안에서 실행이 이루어진다 이 실행 컨텍스트는 자신만의 유효 범위(Scope)를 갖는데, 이 과정에서 클로저를 구현할 수 있다 자바스크립트의 단..