일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 자바스크립트
- javascript
- JS 이벤트
- html5
- 함수 호이스팅
- js
- 자바스크립트 객체
- 객체지향프로그래밍 언어
- 자스
- 브라우저 탐지
- React 리액트
- 스타일가이드라인
- 자바스크립트 문자열
- 자바스크립트 코드 스타일
- 자바스크립트 클래스
- Try...catch
- 에러 던지기
- 프로그래밍 프랙티스
- 변수 선언
- 비구조화 할당
- Null비교 금지
- 에이전트 탐지
- 사용자 에러
- 자바스크립트 생성자
- Programming Practice
- 리엑트 이벤트
- UI 레이어
- 자바스크립트의 기본 포멧
- JS cod e style
- 트라이캐치
Archives
- Today
- Total
GomJu's Coding Blog
[JS] 14. 자바스크립트 기초 문법 - 함수 본문
Q : 자바스크립트의 함수는 어떻게 쓰이나요?
A : 자바스크립트에서는 화살표함수라고하는 ES6문법이 있습니다. 정말 유용하게 사용하는 기술입니다.
자바스크립트에서는 함수가 정말 중요합니다. 함수선언에는 함수선언식과 함수표현식이 있습니다. 함수 선언식은 함수를 정의하기 전에 먼저 선언하는 것 입니다. 다음은 예제입니다.
function print() {
return console.log('Hello JavaScript!');
};
또 다음은 함수를 미리 선언하지 않는 표현식 입니다.
const printFunc = function print() {
return console.log('Hello JavaScript!');
};
자바스크립트에서는 함수 표현식을 지향합니다.
화살표 함수
ES6문법에 추가된 화살표 함수는 함수를 적을때 불필요한 것들을 대폭 축소시켜주기 때문에 가독성도 좋아지고, 불편함이 없어집니다.
다음은 그 예시입니다.
function HelloWorld() {
return console.log('Hello World');
};
// 일반 함수
let a = () => {
console.log('Hello World');
};
// 화살표 함수
화살표 함수에서는 function
이라는 단어를 사용하지 않고 화살표로 나타냅니다. 또한 return
을 따로 해줄 필요가 없습니다. 물론 return을 사용한다고 해서 문제가 되지 않습니다.
마무리
다음 포스팅 에서는 《기초문법-비구조화》에 대해 포스팅 하도록 하겠습니다.
'WEB > JavaScript' 카테고리의 다른 글
[JS] 16. 자바스크립트 기초 문법 - 모듈 (0) | 2018.11.26 |
---|---|
[JS] 15. 자바스크립트 기초 문법 - 비구조화 (0) | 2018.11.25 |
[JS] 13. 자바스크립트 기초 문법 - 반복문 (0) | 2018.11.23 |
[JS] 12. 자바스크립트 기초 문법 - 제어문 (0) | 2018.11.22 |
[JS] 11. 자바스크립트 기초 문법 - 문자열 (0) | 2018.11.21 |
Comments