다음 자바 스크립트 코드에서 for 루프 내에 6 개의 다른 변수가있을 수있는 이유는 무엇입니까?

허샨 쿠마 라싱 허

저는 자바 스크립트 초보자이고 기억력 게임을 만들기 위해 유튜브 비디오와 함께 코딩을했습니다. 비디오의 강사는 다음 루프를 사용하여 12 개의 서로 다른 'img'요소를 만들었습니다. 여기서 약간의 컨텍스트를 제공하기 위해 그녀는 12 (for 루프에서 사용되는 배열 길이) 이미지 요소를 만들고 클래스 이름이 'grid'인 부모 div 요소에 추가했습니다. 그래서 제 질문은

다음 코드에서 루프는 12 번 실행되며 입력 했으므로

var card = document.createElement('img');

카드 변수는 루프가 실행될 때마다 생성되는 동일한 'img'요소로 대체되어야하지 않습니까? (즉, 여기에서 일어나는 일은 루프가 실행될 때마다 카드 변수를 덮어 쓴다는 것이 아닙니까?) 하지만 결국 그녀가 결과를 보여 주면서 12 장의 카드가 만들어졌습니다. 어떻게 이런일이 일어 났습니까?

코드의 스크린 샷.

쿠엔틴

루프의 맨 위에 createElement요소가 생성되므로 12 개의 요소가 생성됩니다.

루프의 맨 아래에서 card(요소) 의 값을 읽고에 전달합니다 appendChild.

그것의 값임을 유의해야 card사용이 아닌 기준 받는 card 변수 의 값을 변경하므로 card이전 루프에 추가 된 요소를 변경하지 않고 다음 반복한다. JS에는 변수 를 참조 할 수있는 기능이 없습니다 (객체 만 해당).

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관