封面
知识点
-
var声明的变量在预解析的时候只执行声明，不会执行定义，默认值是undefined。 -
function声明的函数在预解析的时候会提前声明并且会同时定义。 - 变量名重复声明无效
- 预解析过得代码不会再执行阶段执行
示例一
console.log(a); // 打印函数a函数体（function a() { console.log('a') }）
var a = 10;
console.log(a); // 10
function a() { console.log('a') }
console.log(a); // 10
预解析过程
- 首先预解析到有变量
a存在，因此记录下a这个名字，和其值undefined - 接着预解析到有函数
a声明，记录下函数名a - 但是发现已经记录了一个
a，因此该操作无效，将函数体与a这个名字相关联 - 解析完毕
预解析过程代码
a = undefineda = function () { console.log('a') }
预解析结果
a = function () { console.log('a') }
执行过程
- 打印变量
a的值function a() { console.log('a') } - 变量
a赋值为10，将原来关联的函数覆盖 - 打印变量
a的值10 - 打印变量
a的值10 - 执行完毕
执行过程代码
console.log(a)a = 10console.log(a)console.log(a)
示例二
console.log(fn) // 函数fn函数体（function fn() { console.log(2) }）
function fn() { console.log(1) }
console.log(fn) // 函数fn函数体（function fn() { console.log(2) }）
var fn = 10
console.log(fn) // 10
function fn() { console.log(2) }
console.log(fn) // 10
预解析过程
- 首先预解析到有函数
fn声明，因此记录fn这个名字，并关联其函数体 - 接着预解析到变量
fn声明，记录下变量名fn - 但是发现已经记录了一个
fn，因此该操作无效 - 接着预解析到有函数
fn声明，因此记录fn这个名字 - 但是发现已经记录了一个
fn，因此该操作无效，接着关联其函数体 - 解析完毕
预解析过程代码
fn = function () { console.log(1) }fn = function () { console.log(2) }
预解析结果
fn = function () { console.log(2) }
执行过程
- 打印变量
fn的值function fn() { console.log(2) } - 打印变量
fn的值function fn() { console.log(2) } - 变量
fn赋值为10，将原来关联的函数覆盖 - 打印变量
fn的值10 - 打印变量
fn的值10 - 执行完毕
执行过程代码
console.log(fn)console.log(fn)fn = 10console.log(fn)console.log(fn)
