[JavaScript] ES6 대표 문법

jiyehyeon·2022년 8월 24일
0

Javascript

목록 보기
3/3
post-thumbnail

var → const & let

const : 한 번 선언하면 값을 바꿀 수 없는 상수

let : 선언과 변경이 자유로운 변수, 스코프 구분

✨ 왠만하면 `const`로 선언, 꼭 변경이 필요한 변수만 `let`으로 선언

구조 분해 할당

const b = {i: 1, j: 2, k: 3};
const { i, j, k } = b;

const d = [1, 2, 3];
const [d0, d1, d2] = d;

단축 속성명(Shorthand property names)

const username = "레이서"
const age = 21;
const school = "엘리스";

const person = { usename, age, school };

console.log(persone.username);
// { username: '레이서', age: 21, school: '엘리스' }

전개 구문

const numbers = [1, 2, 3];
const newNumbers = [0, ...numbers, 4, 5, 6];

console.log(newNumbers);
// 0, 1, 2, 3, 4, 5, 6

옵셔널 체이닝

변수 뒤에 ?.를 붙여 null 혹은 undefined가 아닌지 검사한 후 뒷 메소드를 실행하는 방식

const x = {
	a: 1,
	b: 2,
	c: 3
}

console.log(x?.b) //2
console.log(z?.a) //undefined
profile
https://github.com/jiyehyeon

0개의 댓글

관련 채용 정보