一、什么是执行上下文
先看一个例子
console.log(a) //报错Uncaught ReferenceError: a is not defined
这个结果显而易见,因为我们没有定义a嘛
console.log(a) //undefined
var a
在log(a)之前我们也没有定义a,为什么不报错,只是显示没有值
console.log(a) //undefined
var a = 1
采用上面的方法,log之后定义a,并且赋值,但是还是undefined
这说明变量的声明是在一些语句执行前就已经执行了的,但是还没有进行赋值,也就是说js并不是顺序执行的。
针对第三段代码,我们可以认为他是这样执行的
var a = undefined //声明a,并且将a赋值为undefined
console.log(a) //在控制台打印a的值,也就是undefined
a = 1 //最后才按这个语句的顺序吧a赋值为1
之前我们还区别了两种定义函数的区别,现在再拿出来分析一下
console.log(f) //undefined
var f = function () { //函数表达式
}
console.log(fn) //function fn() {}
function fn() { //函数声明
}
第一种函数表达式定义方式,就类似于我们上面看到的,变量f已经声明了,但是后面赋值的函数声明还没被执行;第二种函数声明的方式,这个函数在log之前就被声明了。
这种在其他语句还没执行前就被声明的现象就是执行上下文,执行上下文会做哪些工作呢:
1. 变量、函数表达式(var f = function形式)——变量声明,默认赋值为undefined
2. 函数声明(function f()形式)——赋值
3. this——赋值
二、一些实例
g()
function g(x) {
console.log(arguments) //[]
console.log(x) //undefined
}
可以看出函数声明已经被提前执行,其内部的变量也已经被赋默认值