JavaScript代码预解析规则
JavaScript代码是由浏览器中的JavaScript解析器来执行的,JavaScript解析器在运行JavaScript代码的时候会进行预解析,也就是提前对代码中的var变量声明和function函数声明进行解析,然后再去执行其他的代码。
为了方便大家更好地理解,下面我们通过一段简单的代码来演示var 关键字的预解析效果。
// 以下代码中的var num变量声明会进行预解析 console.log(num); //输出结果: undefined var num = 10; // 以下代码由于不存在 var num2, 所以会报错 console.log(num2); //报错,提示num2 is not defined(num2未定义)
在上述代码中,第2行在变量num声明前就访问了变量num,但却没有像第5行的num2一样报错,这是因为第3行代码中的var num会被预解析,相当于如下代码。
var num; // num的变量声明由于预解析而提升到前面 console.log(num); //输出结果: undefined num = 10;
由此可见,由于num的变量声明被预解析,所以console.log(num)不会报错,并且由于赋值操作num = 10不会被预解析,所以此时num的值为undefined。
同样,JavaScript 中的函数也具有预解析的效果,示例代码如下。
fn(); function fn(){ console.log('fn'); }
在上述代码中,fn()函数调用的代码写在了函数声明的前面,但函数仍然可以正确调用,这是因为function函数声明操作也会被预解析。
需要注意的是,函数表达式不会被预解析,示例代码如下。
fun(); //报错,提示fun is not a function( fun不是一个函数) var fun = function() { console.log('fn'); }
上述代码提示fun不是一个函数, 这是因为var fun变量声明会被预解析,预解析后,fun的值为undefined,此时的fun还不是一个函数, 所以无法调用。只有第2~ 4行代码执行后,才可以通过fun()来调用函数。
本文转自:黑马程序员web前端课程 http://web.itheima.com