[항해99] 2주차 JavaScript의 ES란?, ES5/ES6 문법 차이
2주차에 자바스크립트를 사용하여 알고리즘 문제를 풀었다.
총 54문제중의 54문제 전부 풀어냈다. 뿌듯한 일주일이였다.
오늘은 자바스크립트라는 언어에 대해서 공부를 해보았다.
Javascript의 ES란?
ES는 ECMAScript의 약자이다. ECMAScript는 무엇일까? 위키백과를 보면 ECMAScript 는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해서 만들어졌으며 꼭 자바스크립트가 아니더라고 어도비 플래시를 사용하는 소프트웨어에서 사용하는 액션스크립트, MS사의 인터넷 익스플로러에 쓰이는 J스크립트 등 다른 구현체들 역시 포함하고 있다.
ES는 프로그래밍 언어가 아닌 스크립트 언어들에 대한 표준, 규격이다.
ES5/ES6 문법 차이
-
let, const 추가
기존의 var 키워드는 함수 레벨 스코프를 가지며 암묵적 재할당이 가능했다.
단점을 보완하기 위해 블록 레벨 스코프를 가지며 재할당이 가능한 let, const 키워드가 추가되었다.
-
Arrow function 추가
화살표 함수가 추가되어 함수를 간결하게 나타낼 수 있다.
// es5
function sum (a, b) {
return a + b;
}
// es6
const sum = (a, b) => a + b;
- Template literal 추가
``(back tic) 안에 ${} 표현식을 사용하여 문자열을 간편하게 쓸 수 있다.
// es5
var first = 'hong'
var last = 'gildong'
var name = 'My name is ' + first + ' ' + last + '.'
// My name is hong gildong.
// es6
const name = `My name is ${first} ${last}.`
// My name is hong gildong.
let, const 추가
기존의 var 키워드는 함수 레벨 스코프를 가지며 암묵적 재할당이 가능했다.
단점을 보완하기 위해 블록 레벨 스코프를 가지며 재할당이 가능한 let, const 키워드가 추가되었다.
Arrow function 추가
화살표 함수가 추가되어 함수를 간결하게 나타낼 수 있다.
// es5
function sum (a, b) {
return a + b;
}
// es6
const sum = (a, b) => a + b;
``(back tic) 안에 ${} 표현식을 사용하여 문자열을 간편하게 쓸 수 있다.
// es5
var first = 'hong'
var last = 'gildong'
var name = 'My name is ' + first + ' ' + last + '.'
// My name is hong gildong.
// es6
const name = `My name is ${first} ${last}.`
// My name is hong gildong.
결론: 위 내용을 포함한 많은 것들이 ES6(2015년)가 추가되었고, 이후 JS가 더 발전되었다. 현재 ES10까지 나왔지만 여전히 ES6에 주목하는 이유가 바로 이것이다.
Author And Source
이 문제에 관하여([항해99] 2주차 JavaScript의 ES란?, ES5/ES6 문법 차이), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@le12352/항해99-2주차-JavaScript의-ES란-ES5ES6-문법-차이저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)