javascript权威指南学习笔记(三)

时间:2022-08-27 08:05:29

函数级作用域,终于理解了这个概念,工作初期学习的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 李四