전체 글56 ES6 for Vue.js - 화살표 함수 Arrow Function : 화살표 함수 -함수를 정의할 때 fucntion 이라는 키워드를 사용하지 않고 =>로 대체 -흔히 사용하는 콜백 함수의 문법을 간결화 1. 기본 사용법 // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로 return된다. 위 표현과 동일하다. () => { return { a: 1 }.. 2021. 4. 30. ES6 for Vue.js - const & let ES6 = 최신의 자바스크립트 문법 ES6란? -ECMAScript 2015와 동일한 용어 -2015년은 ES5(2005)이래로 진행한 첫 메이저 업데이트가 승인된 해 -최신 Front-End Framework인 React, Angular, Vue에서 권고하는 언어 -ES5에 비해 문법이 간결해져서 익숙해지면 코딩을 훨씬 편하게 할 수 있음 Babel 역할 -구 버전 브라우저 중에서는 ES6의 기능을 지원하지는 않는 브라우저가 있으므로 transpiling이 필요 -ES6의 문법을 각 브라우저의 호환 가능한 ES5로 변환하는 컴파일러 babeljs.io/ Babel · The compiler for next generation JavaScript The compiler for next generation.. 2021. 4. 29. 이전 1 ··· 7 8 9 10 다음
