函数级作用域,终于理解了这个概念,工作初期学习的java,对块级作用域理解的比较深,后来学习js后,发现变量作用域跟java有差异,但也没有怎么去深究,这次看书才真正理解了
function test(a){
var i=a;
if(typeOf a=="object"){
var j=123;//j在函数体内是有定义的
}
console.log(j);
}
test(123);//这里输出的j是undefined
test(new Object());//这里输出的j是123
如果采用java、c的块级作用域来理解该代码的话,console.log(j);应该是在块级作用域外,应该始终是没法初始化的。
实际情况是js采用的不是块级作用域,而是采用函数级作用域。
test(123);输出undefined是因为 typeof a!=”object”而无法执行j赋值操作而已。
函数作用域是指函数内声明的所有变量,在函数内部始终可见。有意思的是,这就意味着变量在声明前就可以使用了,这个特性也被称为声明提前,函数里所有变量都被提前至函数体顶部,上面的代码等同于:
function test(a){
var i;//声明提前
var j;//声明提前
i=a;
if(typeOf a=="object"){
j=123;
}
console.log(j);
}
这样改动后,理解起来就简单咯。
js面试题里经常会有这种题目
name=“张三”;
function getName(){
console.log(name);
var name="李四";
console.log(name);
}
问输出的结果
getName();
如果理解了前面提到的函数作用域,以及申明提前,这代码就一目了然咯
name=“张三”;
function getName(){
var name;
console.log(name);
name="李四";
console.log(name);
}
getName();//输出 undefined 李四