JavaScript中预编译怎么实现
这篇文章主要介绍了JavaScript中预编译怎么实现的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript中预编译怎么实现文章都会有所收获,下面我们一起来看看吧。
创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的大通网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
JavaScript运行三部曲
脚本执行js引擎都做了什么呢?
语法分析
预编译
解释执行
在执行代码前,还有两个步骤
语法分析很简单,就是引擎检查你的代码有没有什么低级的语法错误
解释执行顾名思义便是执行代码了
预编译简单理解就是在内存中开辟一些空间,存放一些变量与函数
理解了预编译对大家理解作用域同样有帮助
JS预编译什么时候发生
我当初思维误区也发生在这里
预编译到底什么时候发生
希望大家不要让上面的运行过程让你产生误会,
误以为预编译仅仅发生在script内代码块执行前
这倒并没有错
预编译确确实实在script代码内执行前发生了
但是它大部分会发生在函数执行前
JS预编译实例
举例前,先来思考一下这几个概念:
变量声明 var…
函数声明 function…
让我们看看引擎对这段代码做了什么吧
1.页面产生便创建了GO全局对象(Global Object)(也就是大家熟悉的window对象)
2.第一个脚本文件加载
3.脚本加载完毕后,分析语法是否合法
4.开始预编译
查找变量声明,作为GO属性,值赋予undefined
查找函数声明,作为GO属性,值赋予函数体
//伪代码 GO/window = { //页面加载创建GO同时,创建了document、navigator、screen等等属性,此处省略 a: undefined, c: undefined, b: function(y){ var x = 1; console.log('so easy'); } }
解释执行代码(直到执行函数b)
//伪代码 GO/window = { //变量随着执行流得到初始化 a: 1, c: function(){ //... }, b: function(y){ var x = 1; console.log('so easy'); } }
执行函数b之前,发生预编译
创建AO活动对象(Active Object)
查找形参和变量声明,值赋予undefined
实参值赋给形参
查找函数声明,值赋予函数体
//伪代码 AO = { //创建AO同时,创建了arguments等等属性,此处省略 y: 100, x: undefined }
解释执行函数中代码
第一个脚本文件执行完毕,加载第二个脚本文件
第二个脚本文件加载完毕后,进行语法分析
语法分析完毕,开始预编译
重复最开始的预编译步骤……
大家要注意,
预编译阶段发生变量声明和函数声明,没有初始化行为(赋值),匿名函数不参与预编译
只有在解释执行阶段才会进行变量初始化
关于“JavaScript中预编译怎么实现”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“JavaScript中预编译怎么实现”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。
标题名称:JavaScript中预编译怎么实现
文章链接:http://scyanting.com/article/pccosi.html