直觉上我们都会认为 JavaScript 是单线程语言,代码在执行时是由上到下一行一行执行的。但实际上这并不完全 正确,有一种特殊情况会导致这个假设是错误的,这种特殊情况不包括异步。
函数声明
在写代码过程中,我们会发现无论我的函数声明写在哪都可以调用,原因就在于函数的声明也存在提升的现象。
oecom();
function oecom(){
console.log("oecom")
}
这种方式去执行时不会报任何错误的,还会顺利的输出oecom。原因就在于函数的声明会在最开始声明,形成如下代码:
function oecom(){
console.log("oecom")
}
oecom();
我们再来看另外一中形式:
oecom();
var oecom = function(){
console.log("oecom")
}
这个就会报错。原因在于函数声明会被提升,但函数表达式不会被提升。
接下来看看这段代码会输出什么:
func1()
var func1 = function (){
console.log('1')
}
func1()
function func1(){
console.log('2')
}
func1()
结果是:2 1 1,为什么呢?
解释
JavaScript引擎会在解释 JavaScript 代码之前首先对其进行编译。编译阶段中的一部分工作就是找到所有的声明,并用合适的作用域将它们关联起来。因此,正确的思考思路是,包括变量和函数在内的所有声明都会在任何代码被执行前首先被处理。 当你看到var a = 2; 时,可能会认为这是一个声明。但 JavaScript 实际上会将其看成两个声明:var a;和 a = 2;。第一个定义声明是在编译阶段进行的。第二个赋值声明会被留在原地等待执行阶段。 所以这段代码最后被执行为:
function func1() {
console.log('2')
}
var func1;
func1();
func1 = function () {
console.log('1')
}
func1();
func1();
原因:(函数优先)函数声明和变量声明都会被提升。但是函数会首先被提升,然后才是变量。
想了解更详细请参考博客:https://blog.csdn.net/weixin_34054866/article/details/88007160
|