JavaScript 变量提升、预解析

一、变量提升(变量预解析)

JS允许在函数的任意地方声明多个变量,无论在哪里声明,效果都等同于在函数顶部声明。
这就是所谓的“提升”。
当先使用变量再在函数后面声明变量时可能会导致逻辑错误。
对JS而言,只要变量是再同一个范围(同一函数)里,就视为已经声明,哪怕是在变量声明前就使用。

在这里插入图片描述

在这里插入图片描述

问题:函数与变量预解析谁优先度高?

在这里插入图片描述

二、预解析

JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预解析和代码执行。

  • 预解析:在当前作用域下, JS 代码执行之前,浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义。
  • 代码执行: 从上到下执行JS语句。

预解析只会发生在通过 var 定义的变量和 function 上。学习预解析能够让我们知道为什么在变量声明之前访问变量的值是 undefined,为什么在函数声明之前就可以调用函数。

变量预解析和函数预解析

变量预解析(变量提升)

预解析也叫做变量、函数提升。
变量提升: 变量的声明会被提升到当前作用域的最上面,变量的赋值不会提升。

console.log(num);  // 结果是多少? undefined
var num = 10;      // 

函数预解析(函数提升)

函数提升: 函数的声明会被提升到当前作用域的最上面,但是不会调用函数。

fn();
function fn() {
    console.log('打印');
}
// 打印

fn();
var fn = function () {
    console.log('想不到吧');
}
// Uncaught TypeError: fn is not a function

即函数提升只会提升函数声明(函数提升是可以直接在函数声明之前调用该函数,并能成功执行它),而不会提升函数表达式(函数表达式就可以看作成变量提升)。

函数声明定义方式:

// 声明定义方式
function fn() {...}
// 调用  
fn();  

函数表达式方式

// 这是函数表达式写法,匿名函数后面跟分号结束
var fn = function(){...}// 调用的方式,函数调用必须写到函数体下面
fn();

结果是几?

alert(a);  //function a
var a = 1;
alert(a) //1
function a(){
    return false;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值