본문 바로가기
dev/Javascript

[JAVASCRIPT] SCOPE / $(document).ready()

by dev_Step 2022. 9. 25.

 

 

호출 순서 ! 

 a1, a111, a11 순서 대로 호출되었다.

 

JS는 위에서 아래로 순서대로 호출된다. 그러면 a1, a11, a111 순서대로 호출되어야 하는데 

a1, a111, a11순서대로 시작되었다.

 

 

즉 $(document).ready(function(){  }) 는 모든 DOM이 로드 된 후에 실행된다는 것을 확인할 수 있다.

또한  $(document).ready(function(){  }) 범위 내에서  Scope가 document로 나타나는 것을 확인 할 수 있다.

 

 

 

$(document).ready(function(){  }) 범위 안에서 $(document).ready(function(){  }) 밖에 외부에서 호출된 함수를 실행할경우에 Scope가 Window(Global Scope) 로써 매개변수로 값을 받지 않는이상 document안에서의 함수, 변수를 사용하지 못한다.

 

 

 

 

 

 

 

 

 

 

document.ready()  - 현재 존재하는 태그들에 대해서 바인딩하여 이벤트를 적용한다. 따라서 ajax를 통해 동적으로 생성되는 태그에 대해서는 이벤트처리가 안된다.

document.on() - DOM트리 보다 위에 바인딩이 되어서 선택자와 일치하는 태그를 찾아 실행한다.

 

https://imdsoho.tistory.com/entry/Javascript%EC%97%90%EC%84%9C-Scope-4-Element-Object%EC%97%90%EC%84%9C-this 참고하자

 

 

 

 

 

 

 

'dev > Javascript' 카테고리의 다른 글

[Javscript] form target, window.open  (0) 2023.02.26
[Javascript / Jquery] 선택자  (0) 2023.02.26
[Javscript] JS-JSON  (0) 2022.04.04
[Javascript] 2차원 배열 2048 게임  (0) 2022.04.01
[Javascript] DOM  (0) 2022.03.27