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
    评论
好的,我再来更详细地介绍一下JavaScript中的解析。 在JavaScript中,变量和函数都可以通过关键字var或function进行声明。在代码执行之前,JavaScript引擎会先对代码进行一次解析,将所有的变量和函数声明提升到代码的顶部。这个过程称为变量提升和函数提升。 变量提升:在解析阶段,JavaScript引擎会将所有的变量声明提升到函数或全局作用域的顶部,但是变量的赋值不会被提升。 例如: ``` console.log(a); // 输出undefined var a = 1; console.log(a); // 输出1 ``` 在上面的代码中,虽然变量a在声明之前就被使用了,但是由于变量提升的存在,变量a的声明会被提升到代码的顶部,所以第一次输出的是undefined。 函数提升:在解析阶段,JavaScript引擎会将所有的函数声明提升到函数或全局作用域的顶部。 例如: ``` foo(); // 输出hello function foo() { console.log('hello'); } ``` 在上面的代码中,函数foo在声明之前就被调用了,但是由于函数提升的存在,函数foo的声明会被提升到代码的顶部,所以程序能够正常输出hello。 需要注意的是,只有函数声明会被提升,而函数表达式不会被提升。 例如: ``` foo(); // 报错:TypeError: foo is not a function var foo = function() { console.log('hello'); } ``` 在上面的代码中,由于函数表达式不会被提升,所以在foo被调用时会报错。 总之,在JavaScript中,解析是一个非常重要的概念,它能够帮助我们更好地理解JavaScript代码的执行顺序。但是需要注意的是,过度依赖解析会降低代码的可读性和维护性,所以在编写代码时需要尽量避免过多依赖解析

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值