JavaScript-预解析(变量提升)

代码在执行之前先要预解析

不是所有东西都要解析,主要解析变量和函数,只有带有声明的变量(n=7 没有声明),带有名字的函数才会被解析

总结:1. 变量在未声明即被访问时会报语法错误
2. 变量在声明之前即被访问,变量的值为 undefined
3. let 声明的变量不存在变量提升,推荐使用 let【也有人认为具有提升但是不赋值不能使用】
4. 变量提升出现在相同作用域当中
5. 实际开发中推荐先声明再访问变量

变量预解析:把变量的声明语法提升到作用域最前面(只定义不赋值)——变量提升

直接赋值的变量不会预解析(没有加声明的全局变量)

var n = 1;

console.log(n);

//var n;---解析出来的

console.log(n);

var n = 1;

函数预解析:把函数的声明语法提升到作用域最前面(只声明不调用)——函数提升

//var a  预解析
//function f1 () {
//	var b
//    var b = 9;
//    console.log(a);//undifined
//  console.log(b);//9
//    var a = 123;
}
var  a  = 18;
f1();
function f1 () {
    var b = 9;
    console.log(a);
    console.log(b);
    var a = 123;
}
  1. 函数提升能够使函数的声明调用更灵活
  2. 函数表达式不存在提升的现象
  3. 函数提升出现在相同作用域当中

let 预解析

 function fn() {
      console.log(n);
      let n = 123; //报错,let 不存在预解析,必须先定义后使用,
    }
    fn();

例子1:
▲▲▲函数优于变量

//function a () {
    console.log("aa");
}
//var a
console.log(a)//函数
function a () {
    console.log("aa");
}s
var a = 1;
console.log(a);//1

例子2:

注意:var a = b = c = 9; 这句话等价于一下三句:
	var a = 9;
	b = 9;
	c = 9;
//function f1 () {
	//var a
    var a = b = c = 9;
    console.log(a);//undifined
    console.log(b);
    console.log(c);
}

f1();
console.log(c);
console.log(b);
console.log(a);//全局
function f1 () {
    var a = b = c = 9;//a是局部
    console.log(a);
    console.log(b);
    console.log(c);
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值