JavaScript函数作用域与声明提前机制详解

JavaScript函数作用域与块级作用域的区别

在C语言等类C编程语言中，花括号内的代码段拥有独立的作用域，变量仅在声明它的代码块内可见，这被称为块级作用域（block scope）。然而，JavaScript并不具备块级作用域的概念，而是采用函数作用域（function scope）。这意味着，变量一旦在函数体内声明，它就在该函数体以及任何嵌套的子函数体内可见。以下代码展示了在不同位置定义的变量i、j和k，尽管定义位置不同，但它们均处于同一作用域内，因此互相可见。

function text(o)
{   
var i=0;
alert(typeof o);
if(typeof o == "string")
    {   
var j=0;
for(var k=0;k<10;k++)
        {   
alert(k);//输出0-9
        }   
alert(k);//输出10
    }   
alert(j);//输出0
}

声明提前（Hoisting）机制解析

JavaScript的函数作用域意味着在函数内部声明的所有变量，在整个函数体内始终可见。一个有趣的特性是，变量在声明之前就已经可用。JavaScript将此特性非正式地称为“声明提前”（hoisting），即函数体内所有变量的声明（不包括赋值操作）都会被提升到函数体的顶部。请参考以下代码示例。

var global="globas";
function globals()
{   
alert(global);//undefined
var global="hello QDao";
alert(global);//hello QDao
}

由于函数作用域的特性，局部变量在整个函数体中始终存在，这意味着在函数内部，局部变量会遮盖同名的全局变量。然而，只有当程序执行到var语句时，局部变量才会被真正赋值。因此，上述过程等价于将函数内的变量声明“提前”至函数体顶部，而变量的初始化操作保留在原始位置。

var global="globas";
function globals()
{   
var global;
alert(global);//undefined
global="hello QDao";
alert(global);//hello QDao
}