[ES6] 주요 문법 정리

"ES6(ECMAScript 2015)"에서 추가된 문법은 뭐가 있을까?
"ES5(ECMAScript 2009)"와 차이점을 분석해봅시다!

 

ES6(2015)에서 새롭게 추가된 문법들은 다음과 같습니다.

 

# 새로운 변수 선언 (link)

• let

• const

# New Global Methods

• isFinite()

• isNaN()

# Number 관련

1. New Number Properties

   • EPSILON (2.220446049250313e-16)

   • MIN_SAFE_INTEGER (-9007199254740991)

   • MAX_SAFE_INTEGER (9007199254740991)

2. New Number Methods

   • Number.isInteger()

   • Number.isSafeInteger()

3. Exponentiation Operator

   • **  (= Math.pow(x, y) )

# Array Method

• (new Array).find(argFunc, ?thisArg)

• (new Array).findIndex(argFunc, ?thisArg)

# Default Parameter Values (link)

// ES6
function myFunction(x, y = 1) {
  return x + y;
}
myFunction(0); // will return 1

# Arrow Functions (link)

// ES6
const func1 = (x, y) => x * y; // return on self
const func2 = (x, y) => { return x * y }; // if exist {}, you have to declare 'return'!!!

# Classes

// ES6
class Car {
  constructor(brand) {
    this.carname = brand;
  }
}
mycar = new Car("Ford");
mycar.carname // will return "Ford"

 

 

 

ES6 브라우저 지원 목록입니다. 항상 확인 후 사용하셔야 합니다!!!

Browser Support for ES6

 

 

 

[출처] https://www.w3schools.com/js/js_es6.asp