javascript/λͺ¨λ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ

ECMAScript 6 νŠœν† λ¦¬μ–Ό μ†Œκ°œ

λŒ•λŒ•μ΄λ°œπŸΎ 2018. 11. 28. 13:22


(이 글은 http://itstory.tk/entry/JavaScript-ES6-문법-정리  [덕's IT Story] λ₯Ό μ°Έμ‘°ν•˜μ˜€μŠ΅λ‹ˆλ‹€.)

- ECMAλž€ ?

ECMAScript 2015λ‘œλ„ μ•Œλ €μ Έ μžˆλŠ” ECMAScript 6λŠ” ECMAScript ν‘œμ€€μ˜ κ°€μž₯ μ΅œμ‹  λ²„μ „μž…λ‹ˆλ‹€. ES6λŠ” μƒˆλ‘œμš΄ μ–Έμ–΄ κΈ°λŠ₯이 ν¬ν•¨λœ μ£Όμš” μ—…λ°μ΄νŠΈμ΄λ©°, 2009년도에 ν‘œμ€€ν™”λœ ES5 μ΄ν›„λ‘œ μ–Έμ–΄ κΈ°λŠ₯에 λŒ€ν•œ 첫 μ—…λ°μ΄νŠΈμ΄κΈ°λ„ ν•©λ‹ˆλ‹€. ν˜„μž¬ μ£Όμš” JavaScript μ—”μ§„λ“€μ—μ„œ ES6 κΈ°λŠ₯듀을 κ΅¬ν˜„ 쀑에 μžˆμŠ΅λ‹ˆλ‹€.


(좜처 : https://www.sencha.com/blog/ext-js-ecmascript-2015/)


ES3λŠ” μš°λ¦¬κ°€ 일반적으둜 μ‚¬μš©ν•˜λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ 이며, ES5의 κΈ°λŠ₯듀도 많이 μ‚¬μš© λ˜μ–΄μ§€κ³  μžˆμŠ΅λ‹ˆλ‹€.

ES6의 문법을 λ°°μš°λŠ” 데에 λͺ©μ μ΄ μžˆμœΌλ―€λ‘œ κ·Έ 이전 λ²„μ „μ˜ 문법은 λ”°λ‘œ μ‚΄νŽ΄λ³΄μ§€ μ•Šκ² μŠ΅λ‹ˆλ‹€. 


βœ”οΈES6 의 μƒˆλ‘œμš΄ κΈ°λŠ₯

  • ⁃ arrows
  • ⁃ classes
  • ⁃ enhanced object literals
  • ⁃ template strings
  • ⁃ destructuring
  • ⁃ default + rest + spread
  • ⁃ let + const
  • ⁃ iterators + for..of
  • ⁃ generators
  • ⁃ unicode
  • ⁃ modules
  • ⁃ module loaders
  • ⁃ map + set + weakmap + weakset
  • ⁃ proxies
  • ⁃ symbols
  • ⁃subclassable built-ins
  • ⁃ promises
  • ⁃ math + number + string + array + object APIs
  • ⁃ binary and octal literals
  • ⁃ reflect api
  • ⁃ tail calls

  • ν•΄λ‹Ή κΈ°λŠ₯듀을 μœ„μ£Όλ‘œ ν•˜λ‚˜ν•˜λ‚˜ μ½”λ“œλ₯Ό μ¨λ³΄λ©΄μ„œ 기쑴의 방법과 μ–΄λ–€ 차이가 μžˆλŠ”μ§€ μ•Œμ•„λ³΄κ³ μž ν•©λ‹ˆλ‹€. 

    λŒ“κΈ€μˆ˜0