[Vue.js] ES6 특징(변수 선언, 화살표 함수, 향상된 객체 리터럴)

Yujin Lee·2023년 2월 27일
0

Vue.js

목록 보기
18/18
post-thumbnail

1. 변수 선언 방식 const & let

  • const : 한번 선언한 값에 대하여 변경 불가 (상수 개념)
  • let : 한번 선언한 값에 대하여 재선언 불가

하지만, const 객체나 배열의 내부는 변경할 수 있다.


2. Arrow Function

  • 함수를 정의할 때 function이라는 키워드를 사용하지 않고 =>로 대체
  • 콜백 함수의 문법을 간결화
// ES5 함수 정의 방식
var sum = function(a, b) {
	return a + b;
}

// ES6 함수 정의 방식
var sum = (a, b) => {
	return a + b;
}

sum(10, 20);

3. Enhanced Object Literals

향상된 객체 리터럴

1) 객체의 속성을 메서드로 사용할 때 function 예약어를 생략하고 생성 가능

var dictionary = {
  words: 100,
  // ES5
  lookup: function() {
    console.log("find words");
  },
  
  // ES6
  lookup() {
    console.log("find words");
  }
};

2) 객체의 속성명과 값 명이 동일할 때 아래와 같이 축약 가능

var figures = 10;
var dictionary = {
  // figures: figures,
  figures
};
profile
I can be your Genie🧞‍♀️ How ‘bout Aladdin? 🧞‍♂️

0개의 댓글