20.09.11 [ES6 Syntax]

박종찬·2020년 9월 11일
0

TIL

목록 보기
25/89
post-thumbnail

ES6 Syntax

Destructuring

// object
let obj = {i: 10, j: 'chan', k: 'Busan'};
let {age, name, live} = obj; // age : 10, name : chan, live : Busan

// array
let arr = [10, 'Chan', 'Busan'];
let [age, name, live] = arr; // age : 10, name : chan, live : Busan
  • 함수의 매개변수로도 활용될 수 있습니다.
// object
let obj = {i: 10, j: 'chan', k: 'Busan'};

function hi({age, name}) {
  console.log(age, name); // 10, chan
}
hi(obj);

// array
let nums = [1, 2, 3, 4];

function count([one, two]) {
  console.log(one, two); // 1, 2
}
count(nums);

Default Parameters & Template Literals

function vendingMachine(drink = 'Coke') {
  console.log(`${drink}!`);
}

vendingMachine('Soda'); // Soda!
vendingMachine(); // Coke!

Arrow Function

let print = function (name) {
  return `Hello! ${name}`;
}

console.log(print('Chan')); // Hello! Chan

let print = (name) => {
  return `Hello! ${name}`;
}

// or

let print = name => `Hello! ${name}`;

console.log(print('Chan')); // Hello! Chan
profile
반가워요! 사람을 도우는 웹 개발자로 성장하기! :)

0개의 댓글