[JS] arrow 화살표 함수

arrow 화살표 함수

  : ES6부터 사용이 가능한 함수 정의법

• 가독성은 낮으나 코드량을 줄일 수 있는 방법
• 표현식 함수처럼 변수화를 사용할 수 있음

const arrowFunc = (param1, param2) => {            

// 스크립트 코드 작성           
let result = param1 + param2;           
return result;       

}

let result3 = arrowFunc(10,20);       
console.log(result3); // 30

 

사용

 <script>       
        
        // 처리에 대한 결과값이 하나인 경우
        const arrowFunc2 = (p1,p2) => p1+p2;
        
        // 처리에 대한 결과값이 여러개인 경우 (자주 사용)
        // 1
        const arrowFunc3 = (a, b) => {
            console.log('리턴 없음', a+b);
        }
        console.log(arrowFunc2(5,3)); //8
        
        //2
        const arrowFunc = (param1, param2) => {
            let result = param1 + param2;
            return result;
        }
        let result3 = arrowFunc(10,20);
        console.log(result3); // 30
    
    </script>