[JS] ES6 새로운 문법 정리

9232 단어 JavaScriptJavaScript

객체 초기화

let name = "dzoo";
let age = 77;
let married = false;
let person = {name, age, cute};

Destructuring

let person = {
	name : "dzoo",
    age : 77,
    married : false,
}
let {name, age, married} = person;

/* let name = person.name let age = person.age let married = person.married 와 같다. */
let array = [1,2,3];
let [a,b,c] = array;
// let a = array[0]; let b = array[1]; let c = array[2];

Rest destructuring

let person = {
	name : "dzoo",
    age : 77,
    married : false,
}
let {name, ...rest} = person
let name = person.name;
rest = {age: 77, married : false,};
let array = [1,2,3];
let [a, ...rest] = array;
a = 1; rest = [2,3];

Spread

let a = [1,2];
let b = [3,4];
let c = [5,6];

let result = [...a,...b,...c]; // [1,2,3,4,5,6]

Template Literal

let name = "dzoo";
console.log(`저의 이름은 ${name}입니다..!`); // 저의 이름은 dzoo입니다..!

화살표 함수

  • 화살표 함수는 항상 익명이다.
  • 오브젝트 자료형에 함수 정의시 사용이 불가능하다.
  • 프로토타입 함수에도 사용이 불가능하다.
let foo = () => {
	return "foo..!";
}

let koo = (a,b) => a * b;

let zoo = () => Date.now()
/* function zoo() {
	return Date.now();
} 와 같음 */

좋은 웹페이지 즐겨찾기