forEach(), 콜백함수, 익명함수

자바스크립트는 함수도 자료로 다룬다. 

10년 쯤 된 일이지만, 이로 말미암아 비동기 프로그래밍이 주목받기도 했다.

특히 익명함수, 또는 람다는 기본적인 문법으로 포함되었다.

 

콜백함수

함수도 하나의 자료형이므로, 매개변수로 전달 가능. aka 콜백함수.

 

1.선언적 함수로서의 콜백함수

<script>
function callTreeTimes(callback){ 	//함수선언
	for (let i=0; i<3; i++){
    callback(i) 					// callback이라는 매개변수는 함수이므로 호출할 수 있다.
    }
   }
   
   function print(i){
   console.log(`${i}번째 함수 호출`)
   }
   
  callThreeTimes(print)
</script>

2.익명함수로서의 콜백함수

<script>

function CallThreeTimes(callback){
	for(let i=0; i<3; i++){
		callback(i)
}}

callThreeTimes(function(i){ 			//익명함수
	console.log(`${i}번째 함수 호출`) 
    })
</script>

---

콜백함수를 활용하는 함수들

forEach()

콜백함수를 활용하는 기본.

forEach()메소드는 배열이 갖고 있는 함수로서 콜백 함수를 호출한다.

 

구문

function (value, index, array) { }

const numbers = [273, 52, 103, 32, 57]

numbers.forEach(function (value,index, array){
 console.log(`${index}번째 요소 : ${vlaue}`)
 })

 

map()

//배열 선언
let numbers = [273, 52, 103, 32, 57]

//제곱
numbers = numbers.map(function(value,index,arry){
    return value*value
})

numbers.forEach(console.log) // 매개변소가 콘솔로그 메소드