인프런 커뮤니티 질문&답변

// for문 밖에서 변수를 한번 생성하는 경우
function setCanvasImages() {
	let imgElem;
	for (let i = 0; i < sceneInfo[0].values.videoImageCount; i++) {
		imgElem = new Image();
		imgElem.src = `./video/001/IMG_${6726 + i}.JPG`;
		sceneInfo[0].objs.videoImages.push(imgElem);
	}
}

// for문 안에서 변수를 매번 생성하는 경우
function setCanvasImages () {
  for (let i = 0; i < sceneInfo[0].values.videoImageCount; i++) {
    const $img = new Image();
    $img.src = `../video/001/IMG_${6726 + i}.JPG`;
    sceneInfo[0].objs.videoImages.push($img);
  }
}

1. 변수를 한번 생성하는 것과 변수를 매번 생성하는 것에 어떤 차이가 있을까요?

2. 함수가 작동하는 시간을 측정하는 방법

console.time('setCanvasImages')

function setCanvasImages () {
  let $img;
  for (let i = 0; i < sceneInfo[0].values.videoImageCount; i++) {
     $img = new Image();
    $img.src = `../video/001/IMG_${6726 + i}.JPG`;
    sceneInfo[0].objs.videoImages.push($img);
  }
}
setCanvasImages ()
console.timeEnd('setCanvasImages')

1번의 답이 혹시 작동 시간이 아닐까 해서 console.Time()을 사용해 봤습니다.

그런데 새로고침(shift + f5)할 때마다 측정속도가 달라서 더 모르겠더라구요;

함수 시간을 체크하는 방법이 잘못된 것일까요?