[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();
} 와 같음 */
Author And Source
이 문제에 관하여([JS] ES6 새로운 문법 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@dzpro0327/JS-ES6-새로운-문법-정리
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
let name = "dzoo";
let age = 77;
let married = false;
let person = {name, age, cute};
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();
} 와 같음 */
Author And Source
이 문제에 관하여([JS] ES6 새로운 문법 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@dzpro0327/JS-ES6-새로운-문법-정리
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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];
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();
} 와 같음 */
Author And Source
이 문제에 관하여([JS] ES6 새로운 문법 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@dzpro0327/JS-ES6-새로운-문법-정리
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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();
} 와 같음 */
Author And Source
이 문제에 관하여([JS] ES6 새로운 문법 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dzpro0327/JS-ES6-새로운-문법-정리저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)