모던 웹 애플리케이션 개발/자바스크립트(JavaScript)

2015에 나온 ES6 (ECMAScript = javascript)의 기능 1. 블록스코프, let, const ES6에서 변수를 정의하는데 let, 상수를 정의하는데 const를 사용 할 수 있다. 그리고 이 키워드로 선언하면 - 블록레벨의 스코프를 가짐 - 같은 스코프에선 let으로 변수를 재정의 하는 것 불가 - let, const는 호이스팅 적용이 안됨. 변수선언 이전에 접근 불가능함 function workout() { let gym = 'Gym A'; //함수 내부 스코프 const gymStatuses = {'Gym ' : 'open', 'Gym B' : 'open', 'Gym C' : 'closed'}; for (let gym in gymStatuses) { console.log(gym ..

실행컨텍스트란? - 스코프가 코드 실행의 범위였다면, 실행컨텍스트는 실행가능한 코드의 소유권에 관한 문제이다. - this라는 키워드는 현재 실행중인 컨텍스트를 참조한다. - 실행컨텍스트도 하나의 객체로서 var user = new User(); 의 코드 첫부분을 진입했을 때 이 코드의 실행컨텍스트는 user 가 된다. - 자바스크립트에서 실행컨택스트를 결정하는 방법이 복잡하다. 실행컨텍스트 스택(저장공간)이 존재한다. - 실행가능한 코드에서 다른 실행가능한 코드로 진입시, 코드를 담당할 새로운 실행컨텍스트로 진입한다. - 코드는 위 컨텍스트를 현재 실행 컨텍스트로 하거나, 동작중인 실행 컨텍스트를 참조하여 작동한다. 그럼 실행가능한 코드란? 전역코드 : 자바스크립트 프로그램이 시작되는 곳에서 수행되는 ..

객체와 값 - 자바스크립트의 Object는 Undefined, Null, Boolean, Symbol 등등과 같이 자료형 중 하나이다. - 자바스크립트의 모든 "값"은 이런 자료형의 값이다. 자료형(타입) 값 undefined => undefined(단일) null => null(단일) Boolean => true, false 이런식이다. 객체란 1. 자바 : 필드 (속성) + 메소드 (동작) 2. 자바스크립트 : 프로퍼티의 집합 (프로퍼티 = String type의 이름과 속성리스트로 이루어진 것) 속성이란? 프로퍼티의 상태를 정의하고 설명하는 것 프로퍼티란? - 종류 : 데이터 프로퍼티, 접근 프로퍼티 1. 데이터 프로퍼티 value : 자바스크립트의 모든 자료형 (값) writable : 데이터 프..

자바스크립트의 함수 (function) : 내장 객체인 Function 생성자로 생성된 객체 - 자바의 method와는 다름 - Function 자체가 또 하나의 객체이기도 함 자바스크립트의 method : Function 이 객체의 Property가 될 때, 메소드라고 부름 //Func은 함수, 내부의 func은 메소드 function Func() { this.func = function () {} } 함수는 객체이므로, 프로퍼티와 메소드를 가질 수 있다. var workout = function () {}; console.log(workout instanceof Function); // true workout은 Function 객체임을 확인 할 수 있음 Function 객체는 유일하게 호출이 가능하다..