728x90
반응형
매일 봐도 까먹는 자바스크립트 함수형태들...
function fn(x){
return x + 100;
}
const result = fn(10);
# 이름없는 함수
const fn2 = function (){
return 100;
};
fn2();
# 즉시 실행 함수
(function(){
console.log('test')
})();
# Arrow 함수
const fn3 = () => {
return 100;
}
const fn4 = () => 100;
# Generator 함수
# 최초 호출하면 함수가 실행되지 않고 실행 준비상태로 만듬.
# 그리고 객체를 반환하며 이 객체에는 함수를 실행할 도구가 담겨져 있다.
# 도구를 이용해서 함수를 실행하고 멈추고 할수 있음.
function* fn5(){
yield 10;
yield 20;
return 30;
}
const g = fn5();
g.next(); // {value: 10, done: false}
g.next(); // {value: 20, done: false}
g.next(); // {value: 30, done: true}
# 비동기 함수
async function fn6(){
}
728x90
반응형
'Development > Frontend skills' 카테고리의 다른 글
[javascript] webpack.config.js 설정 (0) | 2023.01.13 |
---|---|
[javascript] 배열 연산의 형태 (0) | 2022.12.23 |
[React] Warning: Each child in a list should have a unique "key" prop. (0) | 2022.08.12 |
[React] React.useState() (0) | 2022.08.12 |
[React] edX - Introduction to ReactJS Module2 내용정리 (0) | 2018.05.30 |