10.js预解析

就是在代码执行之前,对代码进行通读解释

只解析两个内容:

(1)对var声明的变量

(2)声明式函数
(1)对var声明的变量进行提前声明,但不赋值

javascript 复制代码
var x
console.log(x)  //undefined

//分别输出几?
var num = 1;
function f1() {
    num = 2;
    var num;
    console.log(num) 
}
function f2() {
    console.log(num)  
}
f1();
f2();

/*
  通读
  var num
  num=1
 
  function f1(){
      var num   //函数内部num和外部互不影响
      num=2
      console.log(num)  //2
  }
  function f2(){ 
      console.log(num)  //1
  }
  f1();
  f2();
*/

(2)声明式函数

对函数进行提前声明,并且直接赋值为一个函数

javascript 复制代码
// 1.会正常执行吗?
foo(); 
function foo() {
  console.log("Hello, world!");
}

// 2.会抛出错误吗?为什么?
bar();
var bar = function() {
  console.log("Bar function");
};

function outer() {
  inner();  // 3.这里会怎样?
  var inner = function() {
    console.log("Inner function");
  };
}
outer();

解答:

javascript 复制代码
/*
    1
    函数声明会在预解析阶段被提升到作用域顶部
    正常执行
*/

/*
    2
    var bar
    bar()
    bar=function(){
        console.log("Bar function");
    };
    会抛出错误
    因为在执行时bar还没有被定义
    尽管变量声明会被提升
    但是函数表达式的赋值不会提升
    因此在赋值之前调用会失败。
*/

/*
    3
    这里会抛出错误
     function outer() {
        var inner
        inner(); // 此时inner定义未赋值时undefined
        inner= function () {
             console.log("Inner function");
        };
     }
     outer();
 
*/

下一篇:11.作用域及作用域链-CSDN博客

相关推荐
开开心心就好41 分钟前
电脑息屏工具,一键黑屏超方便
开发语言·javascript·电脑·scala·erlang·perl
web守墓人2 小时前
【前端】ikun-markdown: 纯js实现markdown到富文本html的转换库
前端·javascript·html
秋田君7 小时前
深入理解JavaScript设计模式之命令模式
javascript·设计模式·命令模式
风吹落叶花飘荡8 小时前
2025 Next.js项目提前编译并在服务器
服务器·开发语言·javascript
yanlele9 小时前
我用爬虫抓取了 25 年 6 月掘金热门面试文章
前端·javascript·面试
烛阴10 小时前
WebSocket实时通信入门到实践
前端·javascript
草巾冒小子10 小时前
vue3实战:.ts文件中的interface定义与抛出、其他文件的调用方式
前端·javascript·vue.js
DoraBigHead10 小时前
你写前端按钮,他们扛服务器压力:搞懂后端那些“黑话”!
前端·javascript·架构
前端世界11 小时前
鸿蒙UI开发全解:JS与Java双引擎实战指南
javascript·ui·harmonyos
@Dream_Chaser11 小时前
uniapp ruoyi-app 中使用checkbox 无法选中问题
前端·javascript·uni-app