JavaScript基础笔记
JavaScript预解析
1 预解析概述
JavaScript 解析器
在运行 JavaScript 代码时,分为两步:预解析和代码执行。
-
预解析:每执行一个作用域里的代码前,会把该作用域内,通过 var 和 function 关键字声明的
变量
在内存中进行声明。 -
代码执行: 从上到下执行JS语句。
预解析效果等价于:变量和函数的声明
隐式地插放到该作用域代码的第一句,然后顺序执行代码。
2 变量预解析
预解析也叫变量、函数提升。
变量提升(变量预解析): 变量的声明会被提升到当前作用域的最上面,变量的赋值不会提升。
console.log(num); // 结果是undefined
var num = 10; // 变量声明提升
- 变量提升只提升声明,
不提升赋值
3 函数预解析
函数提升: 函数的声明会被提升到当前作用域的最上面,但是不会执行函数里的代码。
// 正常执行
fn();
function fn() {
console.log('123');
}
- 函数声明代表函数整体,所以函数提升后,函数名代表整个函数,但是函数并没有被调用!
4 变量和函数预解析带来的问题
-
函数表达式
创建函数,实质是给一个普通变量声明并赋值,所以属于变量预解析范畴,只会提前声明该变量,不会把函数体赋值给它。即在函数定义前,调用该函数会报错。// 报错,提示 ”fn is not a function" fn(); var fn = function() { console.log('想不到吧'); }
- 该段代码执行之前,fn变量声明提升,fn在提升之后的值是undefined;而fn调用是在fn被赋值为函数体之前,此时fn的值是undefined,所以无法正确调用
-
作用域链中,底层的作用域内部也会预解析自己内部的变量,会把上级同名变量覆盖为undefined
var z = 10; fn(); function fn() { console.log(z);//输出undefinded var z = 11; } /* fn()每次被调用 等价于 var z; console.log(z); z = 11; */
- 首先,执行全局作用域。1.声明z变量、fn函数;2.执行 z=10 赋值语句;3.执行调用fn函数语句;4.fn函数作用域开始被执行:
- 声明局部变量z
- 执行输出z变量值语句,因为该作用域的z被预解析,但未赋值,故输出undefined
- 执行 z=11 给z赋值
- 首先,执行全局作用域。1.声明z变量、fn函数;2.执行 z=10 赋值语句;3.执行调用fn函数语句;4.fn函数作用域开始被执行:
-
函数内直接赋值(不声明)的变量,不会随函数运行结束而销毁,而是添加到全局变量队列中
function fn() { var n = m = h = 1; console.log(m + n + h);// 输出3 } fn(); console.log(h); // 输出1 console.log(m); // 输出1 console.log(n); // 错误,n未定义
- fn函数中var n = m = h = 1,相当于var n | h = 1 | m = 1 | n = 1 即只有n用var声明,其它均变为全局变量