ITPub博客

首页 > 应用开发 > Html/css > 【Web前端培训】预解析(变量提升)

【Web前端培训】预解析(变量提升)

原创 Html/css 作者:千锋教育qyf 时间:2021-03-23 18:08:37 0 删除 编辑

  今天千锋小编为大家介绍一下一下JavaScript中的预解析(变量提升)。从什么是预解析及变量的预解析和函数的预解析及加载流程进行学习(注意:我们这里说的ES5中的预解析)。

  什么是解析

  首先代码执行肯定需要一个执行环境,浏览器会提供一个供javaScript执行的全局作用域window。但是在javaScript执行之前会进行预解析,又称之为变量提升。预解析可以分为两部分:

  - 声明(declare): var a; 简单的去理解声明就是我们声明一个变量没有赋值;

  - 定义(defined):a= 100; 定义相当于给这个变量进行赋值;

  在javaScript执行之前浏览器会把全局作用域下所有带有var和function关键字的进行预解析(注意是带有var和function关键字的),这也就是为什么我们学习预解析去学习变量的预解析及函数的预解析原因,变量的预解析和函数的预解析存在一定的区别如下:

  - var :在预解析的时候只声明不定义

  - function:在预解析的时候声明+定义都已经完成了

  变量的预解析

  现在有如下代码:

  

01

  这也就是为什么在我们看到var a = 10;之前去输出a没有报错而是输出undefined;声明一个变量没有进行赋值那么就是undefined;

  函数的预解析及加载流程

  前面我们说过了函数再预解析的时候声明+定义都已经完成了,现在有如下代码:

  

02

  我们先去看下函数的加载流程:

  1. 函数在预解析的时候声明+定义都已经完成了

  2. 因为函数是引用数据类型,会新开辟一个堆内存空间,将函数以字符串的形式进行存储,并且会给这堆个内存空间分配一个内存地址比如xxxfff000

  3.函数的调用的时候,会开辟一个新的私有作用域,将函数体中内容从上到下依次执行

  4.函数每一次调用都是相互独立的,并且函数执行完毕之后自动销毁

  方便大家理解加载流程如图所示:

  

03

  从上图可以分析出函数先进性了预解析,在预解析的时候声明+定义都已经完成了,并且开辟了一块堆内存空间将函数以字符串的形式进行存储,并且给这块堆内存分配一个内存地址便于我们使用的时候去找到它,因为这个时候函数以字符串的形式进行存储,也就是为什么函数定义函数不去调用是不能执行的。

  当我们调用的时候发现,开辟了个一个新的私有作用域,函数体从上到下去执行,并且每一次调用都会形成新的私有作用域,所以是相互独立的,并且每一个私有作用执行完毕就自动销毁了,是浏览器内置的垃圾回收机制。这样保证了性能优化。


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69996644/viewspace-2764534/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
千锋教育隶属于北京千锋互联科技有限公司,以“初心至善,匠心育人”为核心价值观,致力于打造职业教育全产业链人才服务平台,公司总部位于北京,拥有全国一体化就业保障服务,成为学员信赖的职业教育品牌。 每年有数百万名学员受益于千锋组织的技术研讨会、技术培训课、网络公开课及免费教学视频。

注册时间:2021-03-17

  • 博文量
    527
  • 访问量
    204708