JS Arrow Function #3

1347 단어 JavaScriptJavaScript

Function

declaration

function printHello(params) {
	console.log(params)
    return;
    }
  • naming : doSomthing, command, verb
  • ex) createCard(O) createCardAndPoint(X)
  • function is object in JS

Rest parameters

function printAll(...args) { // 배열을 파라미터로 넘겨줄 수 있다
	for(let i = 0; i <args.length; i++){
    console.log(args[i])
    }
}

Early return, early exit

  • Bad
function aaaa(user) {
	if(user.point > 10) {
    //조건이 맞다면으로 실행되는 함수는 길어지므로 안좋음
	}
  • Good
function bbbb(user) {
	if(user.point <= 10) {
    	return;
    }
	//조건이 틀린경우는 바로 리턴해주고 아니라면 그다음 함수내용을 적어주면 된다.    
}

Function expression

  • function declaration은 호이스팅이 가능하지만 expression은 불가
print(); // 실행 불가
const print = function () { //변수에 함수를 넣을 수 있다.
	console.log('print');
}
print();
const printAgain = print; // 재할당 가능
printAgain();

Arrow Function

  • 간단하게 나타낼수 있다.
const simplePrint = () => console.log('simple');
const add = (a,b) => a+b;

좋은 웹페이지 즐겨찾기