Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- pug
- MongoDB
- Session
- form
- JavaScript
- frontend
- GRID
- react
- Component
- express
- Mongoose
- nodejs
- API
- TypeScript
- ES6
- CLONE
- Flutter
- CSS
- DART
- node.js
- HTML
- graphQL
- NextJs
- javscript
- clonecoding
- 리액트
- 자바스크립트
- backend
- ECMAScript
- heroku
Archives
- Today
- Total
Enjoy Programming
Arrow function (ES6) 본문
arrow function에 대해 간략히 알아보자
기존 자바스크립트는 함수를 명명할때
function variable () {
..............
return true
}
이렇게 적어줬다. true를 반환한다.
arrow function은 implicit return(암시적 리턴)이라는 것이 있다.
바로 보자
예> const variable = () => true;
이렇게 적으면 끝난다 =>가 암시적으로 true를 리턴한다는 것이다. 물론 variable이라는 변수를 실행하면~
변수랄까 variable이라는 변수명의 함수?를 실행하면 true가 반환된다.
const variable = () => { } 이렇게 중괄호를 적어주면 암시적 성격을 잃게되어 중괄호 안에 return을 적어줘야 한다.
THIS
fucntion함수와 가장 큰 차이점은 this라고 한다.
자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩 할 어떤 객체가 동적으로 결정된다.
다시 말해 함수를 선언할 때 this에 바인딩 할 객체가 정적으로 결정되는 것이 아니고
함수를 호출할 때 함수가 어떻게 호출 되었는지에 따라 this에 바인딩할 객체가 동적으로 결정된다.
어렵다.. this를 잘 모른다.. 일단 arrow함수가 있다는 것만 알고 javascript를 더 공부해서 알아보자.
'JavaScript > Vanilla Js' 카테고리의 다른 글
let & const (0) | 2021.04.22 |
---|---|
vanilla js challenge1 (0) | 2021.04.21 |
javascript의 기본 문법을 알아보자 (0) | 2021.04.07 |
브라우저의 동작 원리 (0) | 2021.04.07 |
2. javascript 개발 환경 (0) | 2021.04.02 |