参考文档:《深入理解javascript原型和闭包系列》
我们来看如下的代码:
var num = 20;
function f1() {
console.log(num); // undefined
var num = 10;
console.log(num); // 10
}
f1();
==很奇怪为什么,第一个打印num的结果不是 20?为什么第二个又是10?==
这里先引出一个基本知识,==javascript中没有块级作用域的概念,只有全局作用域,和函数作用域==。
- 所谓作用域,通俗的可以理解为一个地盘,里面的函数、变量、常量都属于这个作用域;
全局作用域是指函数、变量、常量等对象的作用范围在整个应用程序中都是可用的。在全局作用域内定义的对象被称之为全局对象。例如,在全局作用域内定义的函数被称为全局函数,在全局作用域内定义的变量称之为全局变量。全局对象的生命期开始于应用程序的运行,结束于应用程序的退出。
函数作用域则可以理解为函数大括号所囊括的地盘,里面的函数、变量、常量只在这个范围内可用。
我们回到开头的例子,调用f1()时,进行了哪些准备工作;
- 变量、函数表达式——变量声明,默认赋值为undefined;
- this——赋值;
- 函数声明——赋值;
所以我们在执行 f(); 其实做了相当于如下的过程:
function f1() {
var num;
console.log(num); // undefined
num = 10;
console.log(num); // 10
}
先对 num 进行了声明,但是没有赋值;
那么为什么 num 使用的不是 全局作用域里的 num = 20 呢?
因为 ==子作用域中的变量优先级比父亲作用域的中优先级高,当子作用域中没有这个变量是才会去父作用域中寻找==所以,第一行输出结果会是undefined,第二行结果是10;
var a = 1
function fn1(){
function fn3(){
var a = 4
fn2()
}
var a = 2
return fn3
}
function fn2(){
console.log(a)
}
var fn = fn1()
fn() // 输出 1
最后我们看看上面的例子,结果会是1 ,因为 fn2() 是属于全局作用域的,自身作用域中没有a 变量所以会去,全局作用域寻找。