일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- elasticsearch
- Intellij
- http 413
- gitops
- goland
- Infra
- body size
- 배포 파이프라인
- 배포 프로세스
- 티스토리챌린지
- apollo router
- Golines
- Kubernetes
- 오블완
- Helm V3
- System Design
- AWS
- 컴포지트패턴
- 디자인패턴
- Logrus
- UnBuffered channel
- golang
- go
- GoF
- intellij ide
- 대규모 시스템 설계
- notification system
- Buffered channel
- 윈도우키보드
- GoF 디자인패턴
- Today
- Total
Fall in IT.
ES6 기본 맛보기 본문
안녕하세요.
오늘은 ES6에서 기본적인 것들 몇가지에 대해서 알아보겠습니다.
ES6 기초 문법
- let 키워드를 사용한 블록 스코프 변수 생성
- const 키워드를 사용한 상수 선언
- 펼침 연산자와 나머지 파라미터
- 화살표 함수
let 키워드 사용법
ex ) var 사용시
function test() {
if(true) {
var b = 20;
}
console.log(b);
}
test();
실행 결과 : 20
ex ) let 사용시
function test() {
if(true) {
let b = 20;
}
console.log(b);
}
test();
실행 결과 : b is not defined
(ES6 표준인 let 키워드를 사용하길 권장하지만, 현재(글을 작성하는 시점)에는 var보다 퍼포먼스가 떨어질 수 있습니다.)
const 키워드 사용법
- 읽기 전용 변수를 선언할 때 사용합니다.
- let과 동일하게 블록스코프 변수 입니다.
ex)
const pi = 3.141;
pi = 4.123; // error 발생
파라미터 기본값 할당 방법
function test(x = 1, y = 2) {
console.log(x,y)
}
test();
실행결과 : 1,2
펼침 연산자 사용방법
- 이터러블 객체를 개별 값으로 나누는 연산을 말합니다.
ex)
function test(a,b) {
return a + b;
}
let data = [1, 2];
let result = test(...data);
console.log(result);
실행결과 : 3
배열 합치는 방법
ex)
let array01 = [1,2,3];
let array02 = [11,12,13,...array01,14,15];
배열 끝에 다른 배열 합치는 방법
array01.push(array02);
나머지 파라미터
- 개수가 가변적인 파라미터가 들어갈 경우 사용합니다.
ex)
function test(...args) {
console.log(args);
}
test(1,2,3,4,5,6,7);
실행결과 : [1,2,3,4,5,6,7]
배열 해체 하는 방법
ex)
let array01 = [1,2,3];
let [a,b,c] = array01; (let a = 1, let b = 2, let c = 3 과 같다.)
ex2)
let [a, ,c] = array01; (let a = 1, let c = 3과 같다.)
화살표 함수 사용법
- 보다 간결한 구문을 만들기 위해 사용됩니다.
ex) 기존
var test = function(a, b) {
return a+b;
}
es6
let test = (a,b) => {
return a+b;
}
모두 즐거운 코딩하세요~
'기타' 카테고리의 다른 글
애플 앱스토어에 앱 등록 방법 (1) | 2017.01.23 |
---|---|
애플 앱스토어 개발자 등록 방법 (12) | 2017.01.23 |
Git 기초 명령어 (0) | 2016.12.23 |
자바 입출력(I/O )에 대하여 (0) | 2016.11.09 |
html에서 label 태그 사용하는 방법 (4) | 2016.11.02 |