콜백 함수란?

인수에 함수를 취하는 경우의 불리는 함수를 콜백 함수라고 한다.

이 정의는 알고 있었지만, 그것이 무슨 의미인지, 왜 이름이 붙어 있는지 이해하지 못했다.

이 기사를 쓴 경위

애로우 함수에 대해 부티 끊어지면서 이해를 심화하려고 하면, 콜백 함수를 사용하는 것으로써 쓰기가 다른 것을 깨달았다.
이 기사에서는, 콜백 함수를 제1 인수에 취하는 map 메소드와 setInterval 함수에 대해 설명해 갈 것입니다.

그 전에 결국 애로우 함수는 어떤 형태?

이것을

function 関数名(){〇〇};

이렇게

const 変数名 = ()=>{処理};  //変数名は関数名のことだよ

()=>〇〇 이것이 하나의 덩어리.
아무리 ()가 많이 있어도, 당황하지 않게.=>의 오른쪽과 왼쪽 관계는 (必要時右側で使う引数)=>処理

화살표 함수에서 return을 생략 할 수있는 이야기

화살표 함수에서 => 직후 처리가 {return 〇〇}이면,{}와 return를 생략 할 수 있으므로,=>〇〇라든지, =>(〇〇)라고 하는 쓰는 방법이 있다.
매우 당황해 버린다. . .
이것이 어떤 함수일까 생각하면 return가 숨겨져 있다고 생각할 수 있도록

map 메소드란 무엇인가?

배열 객체에 준비되어 있는 메소드의 하나. (배열.map에서 호출 가능)

map 메소드는 무엇을 할 수 있습니까?

배열의 내용물을 하나하나 꺼내어, 어떠한 처리를 가해, 새로운 서열을 생성할 수 있다.
정확하게는, map 메소드로 새로운 배열을 생성하는 것보다, 새로운 배열을 return 할 수 있다.
원래 배열은 변경되지 않습니다.

function.ver

配列.map(
    function(value){
        return 処理;    //←新しい項目
    }
)

이것을 화살표 함수로 작성하면

화살표 함수.ver

配列.map((value)=>新しい項目)  //配列.map(引数)=>戻り値

이 value의 내용은 배열의 내용이 하나씩 들어간다.

setInterval 함수는 무엇입니까?

내장 함수(아무것도 정의하지 않아도 갑자기 사용할 수 있는 함수)의 하나.

setInterval 함수는 무엇을 할 수 있습니까?

일정한 간격으로 특정 처리를 반복한다.
처리되는 간격은 밀리초(1초=1000밀리초)로 나타내므로 주의.
예 : 초당 처리되는 경우 두 번째 인수는 1000으로 표시됩니다.

function.ver

  setInterval(処理内容,処理される間隔);  //抽象的に
  setInterval(function(){処理内容},時間)  //もうちょっと具体的に

애로우 함수로 쓰면,

화살표 함수.ver

setInterval(()=>{処理内容},処理間隔)

setInterval 는 제1 인수에 처리 내용이 들어가지만, 처리 내용에 setInterval로부터 값은 건네주지 않아.

콜백 함수를 취하는 화살표 함수를 작성하는 방법

map도 setInterval도 콜백 함수를 제1 인수로 취한다.
map은 콜백 함수를 호출 할 때 인수가 필요하지만,
setInterval은 콜백 함수에 값을 전달하지 않아도 되므로 쓰기가 다르다.

配列.map((value)=>新しい項目) //渡す値は=>の前の（ここ）=>に入るよ
setInterval(()=>{処理内容},処理間隔)//  (()=>第一引数,第二引数)