inflearn logo
강의

講義

知識共有

Webゲームを作成して学ぶJavaScript

안녕하세요 클로저 부분에서 질문 있습니다.

解決済みの質問

280

ase98100557

投稿した質問数 5

0

코드

function one() {
  for (var i = 0; i < 3; i++) {
    setTimeout(function () {
      console.log(i);
    }, i * i * 100);
  }
}

function two() {
  for (var i = 0; i < 3; i++) {
    closure(i);
  }
}

function closure(i) {
  setTimeout(() => {
    console.log(i);
  }, i * i * 100);
};

one();
two();

생각한 실행 결과

3 3 3 0 1 2

실제 결과

3 0 3 1 3 2

이렇게 나오는데 혹시 생각한 실행 결과처럼 나오게 하려면 어떻게 할 수 있나요?

자바스크립트 javascript 클로저 비동기

回答 1

1

zerocho

i*i*100의 i에 0 1 2를 각각 넣어보시면 왜 타이밍이 그렇게 나오는지 아실 수 있습니다.

0

ase98100557

그렇다면 one과 two를 실행했을때 생각한 실행 결과가 나오게 하려면 시간초를 다르게 하는 수밖에 없는 건가요?

0

zerocho

네 setTimeout은 단순히 정해진 시간초 뒤에 콘솔을 표시해주는 것이라서 정해진 시간초를 바꿔주어야 합니다.

iput 입력글자 제한에러...

0

227

0

리팩토링 관련 질문입니다. (자스스톤)

0

276

1

카드 짝맞추기 react-native

0

340

0

필터 메소드 관련 질문입니다.

0

339

1

가위바위보 게임 질문드립니다~

0

204

1

자바스크립트 기초에 관해서 질문있습니다.

0

208

1

질문입니다.

1

359

1

이벤트 리스너 안에서 동작 질문드립니다.

0

325

2

질문드립니다.

0

190

0

안녕하세요 깊은 복사 부분에서 질문 있습니다.

0

245

1

document.createElement('')함수에서

0

247

2

안녕하세요 제로초님

0

738

1

끝말잇기 화면에 출력 반복문을 이용해서 횟수 제한

0

245

1

안녕하세요 제로초님 질문있습니다

0

317

1

안녕하세요 강의 정말 잘시청하고있습니다.

0

275

3

?

0

152

1

틱택토 게임에서 게임이 끝나고

0

566

1

9 곱하는게 이해가 안 되요~

0

174

1

지뢰찾기 에러잡아내기에서 질문있습니다!

0

455

4

지뢰찾기 에러 관련 질문!

0

482

3

리팩토링에 관한 질문입니다.

0

241

2

Array/Object spread

0

204

1

지뢰찾기게임에서 Math.random() 질문

0

224

1

질문있습니다!

0

241

1