ES5

"ES6(ECMAScript 2015)"에서 추가된 문법은 뭐가 있을까? "ES5(ECMAScript 2009)"와 차이점을 분석해봅시다! ES6(2015)에서 새롭게 추가된 문법들은 다음과 같습니다. # 새로운 변수 선언 (link) let const # New Global Methods isFinite() isNaN() # Number 관련 New Number Properties EPSILON (2.220446049250313e-16) MIN_SAFE_INTEGER (-9007199254740991) MAX_SAFE_INTEGER (9007199254740991) New Number Methods Number.isInteger() Number.isSafeInteger() Exponentiation O..

'상속'이라는 개념이 존재하지 않는 자바스크립트가 클래스를 어떻게 흉내내는지 파악해보자! 자바스크립트는 프로토타입 기반의 언어이기 때문에 '상속'의 개념이 존재하지 않습니다. 다만, 클래스에 대한 니즈에 따라 ES6에서 클래스 문법이 추가 되었지만, 일정 부분은 프로토타입을 여전히 활용하고 있습니다. 이 때문에 ES5 에서 클래스틑 흉내내기 위한 구현 방식을 학습할 필요가 있습니다. 그럼 클래스(Class)가 무엇일까요? 사전적으로 '집합, 집단'의 의미를 가지고 있습니다. 다음 예시를 통해 간단히 살펴보시죠. SuperClass는 부모 클래스입니다. 최상위 집단인거죠. SubClass는 자식 클래스입니다. 하위 집단입니다. 최상위 집단으로 '음식' 클래스가 존재합니다. '음식'에는 '고기'도 있고, '..

그 외에도 몇 가지 추가된 메서드가 존재합니다. String.trim() var str = " Hello World! "; alert(str.trim()); // "Hello World!" ES5가 워낙 오래전에 만들어졌으니, 그럴 수 있습니다 ㅎㅎ.. Trailing Commas person = { firstName: "John", lastName: " Doe", age: 46, } points = [ 1, 5, 10, 25, 40, 100, ]; 이 편안한 문법이 이때 생겼군요!! Strings Over Multiple Lines var str = "Hello \ Dolly!"; // 띄어쓰기 인식 var str2 = "Hello " + "Dolly!"; // 안전한 방법 Property Access..

JavaScript 와 ECMAScript 는 무슨 차이일까? JavaScript 는 언어이고, ECMAScript 는 규격/표준이다. ES5로 넘어오면서 JSON 사용이 가능해졌고, JSON Mehod 다음과 같습니다. JSON.parse() and JSON.stringify() var txt = '{"name":"John", "age":30, "city":"New York"}' var obj = JSON.parse(txt); console.log(obj); // {name: "John", age: 30, city: "New York"} var myJSON = JSON.stringify(obj); console.log(myJSON); // '{"name":"John", "age":30, "city":"..

JavaScript 와 ECMAScript 는 무슨 차이일까? JavaScript 는 언어이고, ECMAScript 는 규격/표준이다. ES5로 넘어오면서 다음과 같은 Array Mehod를 사용할 수 있게 되었습니다. Array.isArray() var fruits = ["Banana", "Orange", "Apple", "Mango"]; console.log(Array.isArray(fruits)); // true Array.forEach() arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) 배열을 순회하는 메서드. function myFunction(value) { console.log(value); } var numbers = [4..

JavaScript 와 ECMAScript 는 무슨 차이일까? JavaScript 는 언어이고, ECMAScript 는 규격/표준이다. ES5(2009)에서 새롭게 추가된 문법들은 다음과 같습니다. # Array Method - isArray - forEach - map - filter - reduce - some - every - indexOf # Object Getter and Setter - Getters and Setters 프로퍼티를 지원합니다. # Strict mode "use strict"를 통해 깨끗한 코드를 작성하는데 도움을 줍니다. # JSON 이전에는 주로 XML을 사용하다가, JSON 데이터포맷의 붐이 일어나면서 지원하게 됐습니다. - JSON.parse() - JSON.string..