美文网首页javascript学习笔记
JavaScript(1)预解析

JavaScript(1)预解析

作者: 伊依11 | 来源:发表于2018-02-08 15:00 被阅读0次

预解析只会发生在通过var定义的变量和function上

一、原理

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

2. 通俗点讲,即认为浏览器在正式运行JavaScript代码前,

第一步,会预先根据关键字var、function等,来查找一些需要被解析的东西,

例如:var a = 1; function test(){ alert(2); }; 

第二步,给这些需要被解析的东西提前赋值,其中包括:

⑴ 所有的变量,提前赋值:undefined;

⑵ 所有的函数,在正式运行代码前,都赋值为整个函数块。

第三部,“预解析”结束后,浏览器再逐行解读代码,并通过表达式:= + - * -- ++ !等来修改这些“预解析”的值。

二、解析原则

1. JavaScript “预解析”过程中,遇到重名的内容,只保留一个:

⑴ 重名变量或重名函数,保留最后的一个;

⑵ 变量和函数重名,只保留函数;

2.根据作用域链,来查找上文第一步中提到的需要被解析的东西

查找原则:从上到下,从里到外

即先找局部作用域里找,然后子对象会一级一级向上寻找所有父对象的变量。

三、案例分析

案例一:

alert(a); // function a(){alert(4);}

var a=1;

alert(a); // 1

function a(){alert(2);}

alert(a); // 1

var a=3;

alert(a); // 3

function a(){alert(4);}

alert(a); // 3

a(); //报错

分析:

1. 找出需要被解析的东西:a

2. 预解析赋值:undefined,function a( alert(2); ),undefined,function a( alert(4); )

根据解析原则2,变量与函数重名保留函数,则第一个alert预解析为:function a( alert(4);

3. 预解析结束,代码开始执行,第一个alert通过表达式赋值,则输出预解析的值,其余均有表达式操作,依次改变为:1,3

4. 最后的a为一个变量,不能以函数的方式执行

案例二:

var a = 1;

function test(){

alert(a); //undefined

var a = 2;

}

test();

alert(a); //1

分析:

通过var关键字在局部作用域里,查找到需要被解析的变量a,赋值undefined。

这里注意函数的执行顺序,test函数执行时,alert(a)并未有表达式操作,故为undefined。

相关文章

  • javascript项目上很难用到的基础知识

    1.预解析 解析JavaScript代码的时候,首先是执行语法分析,然后才是预解析。语法分析----------分...

  • JavaScript(1)预解析

    预解析只会发生在通过var定义的变量和function上。 一、原理 1. 定义:预解析:在当前作用域下,js运行...

  • 【前端】07 - JavaScript基础-预解析

    1. 预解析的相关概念 JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaS...

  • 进击JavaScript之(一)变量声明提升

    如下代码输出的结果是? Javascript代码执行分为两个大步: 预解析的过程代码的执行过程 1.预解析与变量声...

  • 07JavaScript入门-预解析

    预解析的相关概念 JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScri...

  • JavaScript预解析

    对一段js代码,js引擎并不是读一句执行一句,而是读取一段、解释执行一段。而一段一段执行,js会对读取的这段js代...

  • javaScript预解析

    js是运行在浏览器端的,浏览器内部众多功能中有一个小功能叫做js解析器。js在解析器在运行js代码时分为下面两步:...

  • JavaScript 预解析

    概念:函数或者变量都会有一个提前解析的过程,js会把函数或者变量提前解析一下、解析到它们对应的作用域最开始的位置 ...

  • JavaScript预解析

    简介js作为一门解释型脚本语言,特点是边解析边执行。而预解析则是,提前解析的意思,也就是所说的变量提升。在ES6之...

  • javascript函数的多种用法:

    2018-08-05 一,javascript 代码运行分为两个阶段: 1、预解析 --- 把所有的函数定义提前,...

网友评论

    本文标题:JavaScript(1)预解析

    本文链接:https://www.haomeiwen.com/subject/ossttftx.html