Web前端开发人员要知道的——JavaScript预解析

偏执的太偏执、 2021-11-16 20:08 454阅读 0赞

## 预解析 ##

> JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的。JavaScript解析器执行JavaScript代码的时候，分为两个过程：预解析过程和代码执行过程

预解析过程：

1.  把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值。
2.  把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用。
3.  先提升var，在提升function（顺序var在最上面，然后是function）

1.例子：

f1();
      console.log(c);    	//9
      console.log(b);      //9
      console.log(a);	   //报错
      function f1() {
          var a = b = c = 9;
          console.log(a);  //9
          console.log(b);	//9	
          console.log(c);	//9
      }

预解析后：

function f1() {
      var a;//有var是局部变量，函数外不能访问
      a=9;
      // 提升后有没有var,是隐式全局变量，所以函数外可以访问
      b=9;
      c=9;
      console.log(a);//9
      console.log(b);//9
      console.log(c);//9
    }
    f1();
    console.log(c);//  9
    console.log(b);// 9
    console.log(a);//报错

2.例子：

f1();   //结果最终是报错
       var f1=function () {
          console.log(a);
          var a=10;
       };

预解析后：

//分析
       var f1; //预解析，所以f1只进行了声明，f1里面没有内容，
       f1();   //报错
       f1=function () {
           console.log(a);
           var a=10;
       };

发表评论取消回复

表情：

评论列表（有 0 条评论，454人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 预解析

文章目录一、简单了解二、举个例子 -------------------- 一、简单了解 JavaScript 代码是由浏览器中的

骑猪看日落/ 2023年09月27日 09:31/ 0 赞/ 232 阅读

相关 JavaScript预解析

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

朱雀/ 2023年02月11日 04:52/ 0 赞/ 227 阅读

相关 web前端人员要学什么？

web前端的本质就是通过一定的程序代码来实现用户界面的ui交互。可以认为用户在终端所看到的和所操作的都属于前端，也就是说分为渲染页面和处理用户操作两块。 ![web前

谁践踏了优雅/ 2022年12月29日 09:19/ 0 赞/ 336 阅读

相关 7个前端开发人员必须知道的JavaScript字符串方法

![a600b9b4f33db5a5405079634d49fbc2.png][] 英文 | https://javascript.plainenglish.io/7-pow

ゝ一世哀愁。/ 2022年09月02日 05:21/ 0 赞/ 136 阅读

相关 JavaScript预解析

1. 定义预解析：在当前作用域下,js运行之前，会把带有var和function关键字的事先声明，并在内存中安排好。然后再从上到下执行js语句。预解析只会发生在通过v

向右看齐/ 2022年07月12日 02:05/ 0 赞/ 351 阅读

相关 JavaScript 预编译/预解析

> [https://wildye.cn/posts/f86e38e7/][https_wildye.cn_posts_f86e38e7] 预编译的步骤 1. 先分析参数

╰+攻爆jí腚メ/ 2022年05月28日 00:46/ 0 赞/ 413 阅读

相关 javascript预解析

一、什么是预解释当js引擎读到js文档的时候，在js代码执行之前，就先把所有带var和function的进行提前的生命或者定义（变量提升的原因。）。 1、理解声明和

忘是亡心i/ 2022年03月28日 01:52/ 0 赞/ 398 阅读

相关 Web前端开发人员要知道的——JavaScript预解析

预解析 > JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的。JavaScript解析器执行JavaScript代码的时候，分为两个过程：预

偏执的太偏执、/ 2021年11月16日 20:08/ 0 赞/ 455 阅读

相关 Web前端开发人员必需知道的!!!—— （二）CSS 书写规范

基本原则： CSS样式可细分为3类：自定义样式、重新定义HTML样式、链接状态样式。 1. 样式为设计师自定义的新 CSS 样式，影响被使用本样式的区域，用于完成网页中局

我会带着你远行/ 2021年11月16日 13:38/ 0 赞/ 438 阅读

相关 Web前端开发人员必需知道的!!!—— （一）文件规范

一、规范目的 1.1概述有一套开发人员共同遵守的规范，就等同于多了一条开发人员交流的渠道与手段。对于团队开发和代码后期维护有着重要的作用，因为大家彼此都能够

短命女/ 2021年11月16日 13:32/ 0 赞/ 492 阅读