Arrow Function 화살표함수 기본

syntax (문법)을 짧게 쓰기 위해 만들어진 함수이다.

 

<p id="demo"></p>

<script>
let myFunction = (a, b) => a * b;
document.getElementById("demo").innerHTML = myFunction(4, 5);
</script>

원래는

 

function myFunction(a,b){

let result = a*b;

return result;       

}

 

 

 

 

<p id="demo"></p>

<script>
// Create an Array
const myNumbers = [4, 1, -20, -7, 5, 9, -6];

//음수 삭제 결과
let result = removeNeg(myNumbers,(x)=>x>=0);

//음수 삭제 프린트
document.getElementById("demo").innerHTML = result;

//음수 삭제 함수
function removeNeg(numbers,callBack){
	const Array = [];
    for(const x of numbers){
    	if(callBack(x)){
        	Array.push(x);
        }
    }
    
	    	return Array;
}

</script>

여기서 (x) =>  x>=0 이건 함수이며, 여기서는 removeNeg()라는 함수 안에 저장되어 있기 때문에 (x)=>x>=0이 콜백 함수이다.