JS中的预编译(词法分析)阶段和执行阶段
javascript相对于其它语言来说是一种弱类型的语言,在其它如java语言中,程序的执行需要有编译的阶段,而在javascript中也有类似的“预编译阶段”(javascript的预编译是以代码块为范围<script></script>,即每遇到一个代码块都会进行 预编译>执行),了解javascript引擎的执行机理,将有助于在写js代码过程中的思路总结
首先科普下javascript中的两种声明方式,var和function,前者声明的是变量,后者声明的是方法
在预编译中,javascript对这两种声明做出了两种处理方案
1
2
3
4
5
6
7
8
9
|
<script>
var a = "1" ; //声明变量a
function b(){ //声明方法b
alert();
}
var c = function (){ //声明变量c
alert();
}
</script>
|
以上代码块中,a、c为变量赋值,b为函数声明,当执行以上的代码时,首先会进入预编译阶段,对与变量赋值a、c会在内存中开辟一块内存空间并指向变量名,且赋值为undefined
对于函数声明,则同样会进行开辟内存空间,但赋值的对象会将声明的函数赋值给函数名
预编译阶段:(PS:不管代码中声明变量和声明函数的顺序如何,在预编译阶段会先声明变量,再声明函数)
1
2
3
4
5
|
<script>
var a = undefined;
var c = undefined; var b = function (){
alert();
} </script>
|
执行阶段:
1
2
3
4
5
6
|
<script>
a = "1" ;
c = function (){
alert();
}
</script>
|
整体执行步骤:
1
2
3
4
5
6
7
8
9
10
11
12
|
<script>
var a = undefined;
var c = undefined;
var b = function (){
alert();
}
a = "1" ;
c = function (){
alert();
}
</script>
|
题目:
1
2
3
4
5
6
7
8
|
<script>
var a = "1" ;
function b(){
alert(a);
var a = "2" ;
}
b();
</script>
|
ps:javascript的预编译
一、先预定义变量,再预定义函数
二、变量的预编译只作声明,不作初始化,初始化在执行时
三、function语句定义的函数,不仅声明了函数名,而且函数体也进行了处理
四、匿名函数不会预编译
1
2
3
4
|
function f(){ // 声明函数f
return 1; } alert(f()); // 返回1
var f = function (){ // 定义匿名函数f
return 2; } alert(f()); // 返回2
|
先预定义了变量f,然后同名函数f()覆盖了变量f,所以第一次输出1;变量的预编译
1
2
3
4
5
6
|
var f = function (){ // 定义匿名函数f
return 1; }
alert(f()); // 返回1
function f(){ // 声明函数f
return 2; }
alert(f()); // 返回1
|
先预定义了变量f,然后同名函数f()覆盖了变量f.
转载于:https://www.cnblogs.com/liuguniang/p/6916035.html
JS中的预编译(词法分析)阶段和执行阶段相关推荐
- 实例讲解js中的预编译
js作为一本脚本语言,可以不经过编译直接运行,但遇到预编译的问题,尤其是变量或函数同名时,这点知识就尤其必要了.为了更好地了解js语言背后的运行机理.笔者采用实例化的方式讲解我理解的预编译. 理 ...
- JS中的预编译(AO、GO详解)
文章目录 一.由实例引发的思考 二.全局上下文GO: 三.函数上下文AO: 四.全局上下文GO+函数上下文AO: 总结 执行js文件的流程: ①通篇检查语法错误 ②预编译 ③解释一行执行一行 一.由实 ...
- C中的预编译宏定义-转
C中的预编译宏定义 2009-02-10 作者: infobillows 来源:网络 在将一个C源程序转换为可执行程序的过程中, 编译预处理是最初的步骤. 这一步骤是由预处理器(preprocesso ...
- c++/c中的预编译,文件包含伪指令,#include,包含哨卫,头文件保护
c++/c中的预编译处理: 预编译伪指令一般以#开头,前面只能是空白字符,其本身不是c/c++语句,可以出现在程序的任何地方,只要其展开后复合语法规则并且有效即可,其位置可以是头文件,函数体,控制结构 ...
- 在cshtml文件中使用预编译语法
阅文时长 | 0.29分钟 字数统计 | 474.4字符 主要内容 | 1.引言&背景 2.解决方案示例 3.声明与参考资料 『在cshtml文件中使用预编译语法』 编写人 | SCscHer ...
- C#中的预编译指令介绍
原文:C#中的预编译指令介绍 1.#define和#undef 用法: #define DEBUG #undef DEBUG #define告诉编译器,我定义了一个DEBUG的一个符号,他类似一个变量 ...
- javascript运行过程中的“预编译阶段”和“执行阶段”
javascript相对于其它语言来说是一种弱类型的语言,在其它如java语言中,程序的执行需要有编译的阶段 而在javascript中也有类似的"预编译阶段"(javascrip ...
- RT-Thread中如何预编译一个.c文件
本文介绍在RT-Thread系统,使用scons,如何预编译一个.c文件 首先新建一个测试文件test.c #include "rtthread.h"void test(void) ...
- 在Silverlight 和WPF中使用预编译指令 if..else..endif (译)
下面的是中文翻译,有些扯淡的话就略过了,想看原文,请到这里 对于预编译指令,作者分成了几篇文章来讲解的.鉴于翻译后的文字较少,我把作者的几篇合为了一篇.下面进入正题. 一.总揽: 想要编写特定平台的代 ...
最新文章
- android mysql 搜索功能_android利用数据库实现搜索联想功能
- windows10下pip安装速度慢的解决办法
- hdu 1166 敌兵布阵 (线段树)
- mysql安全性实验心得_mysql安全小结
- OpenCASCADE:使用扩展数据交换 XDE之读写 STEP 或 IGES
- 完美解决Ubuntu16.04虚拟机窗口自适应问题
- 计算机专业的吸引力,计算机专业文献翻译-面向对象编程具有多方面的吸引力.doc...
- 用定时器控制灯的闪烁梯形图_用西门子PLC设计灯的闪烁的梯形图,就只要梯形图。...
- 图论 —— 生成树 —— 最小瓶颈生成树
- 让QT对话框显示中文
- psutil模块安装指南(win与linux)
- 爬虫入门之绘图matplotlib与词云(七)
- Windows下搭建个人博客(Apache+MySQL+PHP+WordPress)
- 计算机微课课件评比活动总结,教学大赛总结.doc
- 云南大学计算机在职硕士,在职硕士
- 几款重复文件查找工具对比
- 软件工程师之路-软考(中级)1
- Pixhawk指示灯的含义
- jude(java建模软件)_JUDE(JAVA建模软件)下载
- 每日新闻:未来,电脑像手机一样?
热门文章
- Source Insight常用的快捷键
- 命令行编译c#源程序
- 前端学习(3233):高阶函数函数柯里化案例
- 前端学习(3195):虚拟dom的创建方式1的js
- 工作152:阅读之后台管理登录样式
- 工作92:500错误
- GY歌谣之读懂每行代码(飞智) 2020 10 16 Duplicate keys detected
- 前端学习(2309):react之同级传值
- “约见”面试官系列之常见面试题之第七十篇之==和===(建议收藏)
- 前端学习(1956)vue之电商管理系统电商系统之添加代码到仓库中