JavaScript 可见性问题 ？

Question

先上代码

<!-- var global_1 = "global_1"; global_2 = "global_2"; window.global_4 = 'global_4'; void function foo() { global_3 = 'global_3'; }(); function testForIn() { for (var i in window) { document.writeln(i, "<br>"); } document.writeln("======================================", "<br>"); document.writeln(window.global_1, "<br>"); document.writeln(window.global_2, "<br>"); document.writeln(window.global_3, "<br>"); document.writeln(window.global_4, "<br>"); } testForIn(); -->

为什么点击test For In时不能获取window.global_4？

Answer 1

哎。。。“可怜”下你吧~ :lol: 
在你的代码中，第一次调用是在文档加载完成前，此时js的各种对象是不完整的，也是不可预料的，有些对象甚至还没有定义。第二次调用是在dom加载完成后，通过事件触发调用的，此时的js对象才符合dom的定义和规范。
一般情况下，即便是无需使用dom对象、方法的情形，建议最好也在加载完成后再进行调用、获取。这不仅是考虑代码的执行顺序问题，也是考虑各浏览器加载和解析上的差别（兼容性）。
再次建议：你的代码风格需要改进！ :)