온라인 강의/React 완벽 가이드 [Udemy]

13. 화살표 함수

유호야 2023. 5. 31. 06:46
반응형

 

화살표 함수 Arrow Functions

자바스크립트 함수를 생성하는 또 다른 구문 

 

일반적인 함수에서 this 키워드가 원하는 객체를 참조하지 않았던 문제들을 화살표 함수가 유용하게 해결한다.

화살표 함수 안에 this를 사용하면 항상 정의한 객체를 나타내고 실행 중에 갑자기 바뀌지 않는다.

 

 

jsbin 

https://jsbin.com/

 

JS Bin

Sample of the bin:

jsbin.com

 

const printMyName = (name) => {
	console.log(name);
}

// 인수가 하나일 경우 줄임 방법
const printMyName = name => {
	console.log(name);
}

function printMyName(name) {
	console.log(name);
}
    
printMyName('Max');

객체에 함수를 추가할 때 중요하다

 

const multiply = (num) => {
	return num * 2;
}

// 간단하게 줄이기
const multipy = num => num * 2;

당장 외울 필요는 없다

(하지만 이미 외움)

반응형