프로그램을 작성해 본 사람이라면 누구나 범위의 개념에 대해 잘 알고 있을 것입니다. 이번 글에서는 자바스크립트의 범위에 대해 이야기해 보겠습니다.
Javascript에서는 전역 환경 자체가 객체입니다. 브라우저 호스트에서는 이 객체가 window이지만, 임베디드 환경 등 브라우저가 아닌 다른 호스트에서 Javascript를 사용하는 경우에는 다른 객체일 수 있습니다.
여기서 개념을 정정하겠습니다. 많은 사람들은 Javascript가 브라우저에서만 사용된다고 생각합니다. 실제로 Javascript는 일부 임베디드 애플리케이션에서도 잘 작동하는 것으로 알려져 있습니다. 물론, 나는 이런 전설을 들어본 적이 있습니다.
더 가까이서 var i=1이라고 쓰면 실제로 창 범위에서 변수를 선언하는 것입니다.
i=1이라고 쓰면 창 속성을 선언합니다.
看这样一段代码: [code=javascript"> <script type="text/javascript"> var a = "hello"; b = "world"; Test(); function Test() { alert(a + " " + b); var a = "welcome"; b = "china"; alert(a + " " + b); } alert(a + " " + b); </script> function runCode(id) { obj = document.getElementById(id); var TestWin=open(''); //打开一个窗口并赋给变量TestWin。 TestWin.opener = null // 防止代码对论谈页面修改 TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。 TestWin.document.close(); } var a = "hello"; b = "world"; Test(); function Test() { alert(a + " " + b); var a = "welcome"; b = "china"; alert(a + " " + b); } alert(a + " " + b);
이 코드의 출력 결과는 다음과 같습니다: 정의되지 않은 세계, 환영 차이나, 헬로 차이나.
별도로 설명하겠습니다: 위의
기사에서 Javascript가 사전 컴파일되면 모든 var 변수가 생성되고 기본값은 정의되지 않는다고 말했습니다. 여기에서 예를 들 수 있습니다.
다음과 같은 코드를 작성할 수 있습니다. 🎜>
<script type="text/javascript"> alert(a); alert(b); var a = "111"; b = "111"; </script> [/code] alert(a); alert(b); var a = "111"; b = "111";
<script type="text/javascript"> var a = undefined; alert(a); alert(b); a = "111"; b = "111"; </script>
이제 준비가 거의 완료되었습니다. 다음으로 첫 번째 질문인 정의되지 않은 세계가 출력되는 이유에 대해 설명하겠습니다.
먼저 코드가 미리 컴파일되어 Test 메서드에 들어가면 새 범위가 열리고 전역 범위가 상위 범위로 사용됩니다. 그런 다음 Test에서 메서드를 미리 컴파일합니다. 위 코드와 마찬가지로 Test 메서드가 미리 컴파일된 후의 메서드 본문은 대략 다음과 같습니다.
function Test() { var a = undefined; alert(a + " " + b); var a = "welcome"; b = "china"; alert(a + " " + b); }
물론 현재 범위에서는 b를 찾을 수 없습니다. , 그래서 그는 자신의 상위 범위, 즉 전역 범위로 이동하여 b="world"를 찾습니다. 그래서 이런 결과가 나왔습니다.
웰컴차이나가 두 번째로 뜨는데 할 말이 없습니다.
세 번째로 헬로 차이나(Hello China)가 뜹니다. var a는 Test 메소드의 지역 변수일 뿐이고, b는 미리 선언되지 않았기 때문에 해당 정의를 찾기 위해 상위 스코프으로 이동한다는 점을 이해할 수 있다.
좋습니다. 다음으로 이 방법의 여러 변형을 살펴보겠습니다.
<script type="text/javascript"> var a = "hello"; b = "world"; Test(); function Test() { alert(a + " " + b); a = "welcome"; b = "china"; alert(a + " " + b); } alert(a + " " + b); </script>
가 출력되어야 합니다.
<script type="text/javascript"> var a = "hello"; b = "world"; Test(); function Test() { alert(a + " " + b); var a = "welcome"; var b = "china"; alert(a + " " + b); } alert(a + " " + b); </script>
<script type="text/javascript"> a = "hello"; b = "world"; Test(); function Test() { alert(a + " " + b); var a = "welcome"; b = "china"; alert(a + " " + b); } alert(a + " " + b); </script>
테스트 결과 문제는 없습니다.
따라서 각 변수가 자체 정의를 찾을 수 없는 경우 일련의 작업을 따라 위쪽으로 검색하게 되며 이로 인해 예상치 못한 오류가 발생하여 문제 해결에 많은 어려움이 가중될 수 있다는 결론을 내릴 수 있습니다. 더 문제는 부모 범위의 변수 값도 수정될 수 있으므로 변수를 선언할 때 var를 추가하도록 노력해야 한다는 것입니다. 하지만 Javascript에서는 그렇게 하도록 강제하지 않습니다.
위 내용은 JavaScript 범위에 대한 질문 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!