notice "var" keywords of javascript in IE8

当前测试只是针对IE8，没有测试之前IE版本，以下代码在firefox/chrome中会按预期一样正常运行，代码测试注意打开firebug或者是console查看输出:

<script type="text/javascript">
// window.a 设置一个属性a到window上
window.a = 1;
// 正常打印出a:1
window.console.log(a);
</script>

<script type="text/javascript">
// 必须在此分二块script来写，如果写在一块script标签内，都会正常执行
// 在同一个script代码块内，javascript会解析当前代码块中所有的变量(之前没有出现过的变量名)，并且都为 undefined
// 在这里还没有执行到var a=2，a为 undefined
// 针对IE8: window.a 也被置为 undefined
// 其他浏览器: window.a前面代码中已经定义，所以这里还是原来的值：1，而非像IE8中一样为 undefined
window.console.log(a);
var a = 2; // 注意前面有个变量声明: var
window.console.log(a);
</script>

<script type="text/javascript">
window.console.log(a);
// 这里因为没有用var新定义变量，所以a即为window.a，只是对变量重新赋值，代码执行没有问题
a = 3; // 注意前面没有变量声明: var
window.console.log(a);
</script>

以上代码在firefox/chrome中执行结果为： 1 1 2 2 3
以上代码在IE8中执行结果为： 1 undefined 2 2 3

Javascript 中变量的声明和变量的作用域说明

一、全局作用域和局部作用域
在全局环境里:
var a = 1;
与
a = 1;
的作用是相同的。但是如果是在一个函数体内这二者就不同了，前者是声明了一个函数体内的局部变量，而后者在此函数被运行一次之后就会生成一个全局变量 a 。
一般在声明变量时尽可能的加上var。
二、delete与变量关系：
按JavaScript权威指南书中所言，一个变量一旦被 var 声明之后(未初始化)就有一个默认值'undefined'，并delete运算符不能删除这些变量，不然会引发一个错误。不过在Firefox中测试是可以对声明后的变量进行delete，并返回true，在操作之后再引用就会报未定义错误，说明变量正常删除。在IE7里进行delete是的确返回false，无法删除，不过也没有引发错误。
三、JavaScript没有块级作用域
这个不同于C/C++/Java，Javascript的变量只要声明了就会在整个函数体中都有定义，而不管声明的前后位置，会覆盖全局的同名变量。

function test(o) {
    var i = 0;                      // i is defined throughout function
    if (typeof o == "object") {
        var j = 0;                  // j is defined everywhere, not just block
        for(var k=0; k < 10; k++) { // k is defined everywhere, not just loop
            document.write(k);
        }
        document.write(k);          // k is still defined: prints 10
    }
    document.write(j);              // j is defined, but may not be initialized
}

var scope = "global";
function f( ) {
    alert(scope);         // Displays "undefined", not "global"
    var scope = "local";  // Variable initialized here, but defined everywhere
    alert(scope);         // Displays "local"
}
f( );

JavaScript中函数function说明

从技术上说，function并非是一个语句。在JavaScript程序中，语名会引发动态的行为，但是函数定义描述的却是静态的程序结构。语句是在运行时执行的，而函数是在实际运行之前，浏览器载入JavaScript的时候被解析的，或者说是在被编译时定义了这个函数。当Javascript解析程序遇到一个函数定义时，它就解析并存储（而不执行）构成函数主体的语句，然后定义一个和该函数同名的属性（如果函数定义嵌套在其他函数中，那么就在调用对象中定义这个属性，否则在全局对象中定义这个属性）以保存它。
The fact that function definitions occur at parse time rather than at runtime causes some surprising effects. Consider the following code:
<script type="text/javascript">
alert(f(4)); // Displays 16. f( ) can be called before it is defined.
var f = 0; // This statement overwrites the property f.
function f(x) { // This "statement" defines the function f before either
return x*x; // of the lines above are executed.
}
alert(f); // Displays 0. f( ) has been overwritten by the variable f.
</script>
另外如果Ajax调用返回的内容包含JS的话，需要对JS进行eval()操作，才能获取到JS中的变量和方法，其中方法必须以Function Literals直接量的方式赋个一个变量才能获得此方法。另外Ajax载入的JS中变量都要以全局变量方式载入才能得到，即变量前不能加var声明。
Function内部语句发变量定义如果不加var声明的话，只要function被执行过，此变量也会成为一个全局变量。

prototype javascript library ajax example

<div id="ajax_div">
 use ajax to update it!
</div>
<br/>
<div id="ajax_failure">
 if evalScript set false, sayHi is not defined!
</div>

<input type="button" name="button_ajax" value="ajax update div" id="button_ajax" />

<script type="text/javascript" charset="utf-8">
function doc(argument) {
 document.write("<p>\n");
 document.write(argument);
 document.write("</p>\n");
}
var url = '/prototype/ajax_eval_script';
var options = {
 method: 'get',
 evalScripts: true,
 parameters: 'id=1',
 insertion: Insertion.Top
}

//new Ajax.Updater('ajax_div', url, options);
//new Ajax.Request(url, {onComplete: function (req) { alert(req.responseText); }});
var ajax = new Ajax.Request();
doc('ajax.transport type is ' + ajax.transport); //ajax.transport = Ajax.getTransport();
new Ajax.Updater({success: 'ajax_div', failure: 'ajax_failure'}, url, options);

ajax.setOptions(Object.extend(options, {onComplete: function(req) { 
  $('ajax_div').innerHTML = req + "<br/>\n" + 
  "req == ajax.transport is " + (req == ajax.transport) + "<br/>\n" + 
  "Server is " + req.getResponseHeader('Server') + "<br/>\n" + 
  "ajax request status is " + ajax.transport.status + "<br/>\n"; 
 }
}));
$('button_ajax').onclick = function (event) { ajax.request('/prototype/ajax_eval_script'); };
</script>

/prototype/ajax_eval_script

<script language="javascript" type="text/javascript">
//function sayHi(){ // do nothing, function is not generated in runtime
//var sayHi = function(){ // not use the "var" keyword
sayHi = function(){
 alert('Hi');
}
</script>

<input type="button" value="Click Me" onclick="sayHi()"/>
Note that in the previous example we did not use the var keyword to declare the variable. Doing so would have created a function object that would be local to the script block (at least in IE and FireFox). Without the var keyword the function object is scoped to the window, which is our intent.