JavaScript之预编译

javascript的预编译和执行顺序

原文:javascript的预编译和执行顺序最近在复习javascript的事件处理时发现了一个问题,然后也是我来写javascript的预编译和执行顺序的问题代码: 代码一<html> <head> <title>事件处理</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <script typ…

一步一步的理解javascript的预编译

首先,我们要知道javascript是单线程.解释性语言.所谓解释性语言,就是翻译一句执行一句.而不是通篇编译成一个文件再去执行. 其实这么说还没有这么直观,读一句执行一句那是到最后的事了.到JS执行前还有两大步骤. 那就是1.语法分析(或语意分析)→2.预编译→3.解释执行(真正的读一句执行一句) 第一步:语法分析(即扫描一下看一看有没有低级的语法错误,比如多个大括号啊,写个中文标点等等,只通篇检查语法,但不执行.这就是语法分析的过程.) 第二步:预编译过程(发生在函数执行时,也可说成执行的前…

JavaScript的预编译和执行

JavaScript引擎,不是逐条解释执行javascript代码,而是按照代码块一段段解释执行.所谓代码块就是使用<script>标签分隔的代码段. 整个代码块共有两个阶段,预编译阶段和执行阶段一.编译阶段对于常见编译型语言(例如:Java)来说,编译步骤分为:词法分析->语法分析->语义检查->代码优化和字节生成. 对于解释型语言(例如JavaScript)来说,通过词法分析和语法分析得到语法树后,就可以开始解释执行了. (1)词法分析是将字符流(char strea…

还原真实，javascript之预编译 / 预解析

今天在群里吹水时,有群友提出一个问题.我一看很简单,就立马给出了答案:因为存在变量提升,所以输出undefined.本以为无人反驳,可确招来口诛笔伐.作为写实派的我,一贯以来坚持真实是我的使命,岂能容忍这等虚头巴脑的言论攻击.遂以此文记之,本在还原真实.奈何文笔拙劣,恐表述不当,误人子弟.若有不当之处,还请众佬及时斧正,以正视听. 就是下面这段代码: var obj = { say: function () { console.log(obj) }() } // 输出 undefined 为什么…

JavaScript 之预编译作用域，作用域链

第一次写博客,本来是学习jQuery遇到闭包问题,发现并没有理解闭包,发现闭包牵扯的知识点太多.复习了一遍(发现自己该记住的全忘了)写在博客里,自己也是小白,希望大神们指点迷津,必将感激不尽. 我们知道JavaScript有两个特点:单线程,解释型语(翻译一行,解释一行).但其实翻译一行,解释一行是最后一部才这样做,在这之前会有一个语法分析:通篇扫描看有没有语法错误,但不执行,通篇扫描之后,会进行预编译然后 -->解释一行,执行一行.这就是我们所说的js运行三部曲:语法分析预编译 …

javascript是一种解释性弱类型语言,在浏览器中执行时,浏览器会先预览某段代码进行语法分析,检查语法的正确与否,然后再进行预编译,到最后才会从上往下一句一句开始执行这段代码,简单得来说可以表示为三个步骤: 语法分析-->预编译-->解释执行: 先插入一段代码: 在理解预编译之前,我们需要首先理解函数声明和变量赋值: 先来一行代码解释什么是函数声明, 相信有一些javascript基础的人都应该很容易理解这行代码,这只是简单的声明了一个常见函数,而变量赋值如下: 在项目开发过程中,我们经常…

Javascript的"预编译"思考

今天工作需要,搜索下JS面试题,看到一个题目,大约是这样的 <script> var x = 1, y = z = 0; function add(n) { n = n+1; } y = add(x); function add(n) { n = n + 3; } z = add(x); </script> 问执行完毕后 x, y, z 的值分别是多少? 仔细看的人马上就知道了, x, y 和 z 分别是 1, undefined 和 undefined. 不过,如果将两个 ad…

JavaScript函数——预编译

四部曲创建AO对象找形参和变量声明,将变量和形参名作为AO属性名,值为undefined. 将实参值和形参值统一在函数体内找函数声明,值赋予函数体. 权重按顺序依次增加.以下例子即可体现上述规则 function fn(a){ console.log(a); var a = 123; console.log(a); function a(){} console.log(a); var b = function(){} console.log(b); } fn(1); //f a(){} /…

javascript预编译和执行过程总结

javascript相对于其它语言来说是一种弱类型的语言,在其它如java语言中,程序的执行需要有编译的阶段,而在javascript中也有类似的“预编译阶段”(javascript的预编译是以代码块为范围<script></script>,即每遇到一个代码块都会进行预编译>执行),了解javascript引擎的执行机理,将有助于在写js代码过程中的思路总结. 首先javascript是解释型语言,自然就是编译一行,执行一行. js运行过程分为三步: .语法分析 .预编译…

javaScript 预编译过程浅尝

javaScript 预编译过程 1.创建AO对象(Activation Object) AO{ a: } 2.找形参和变量声明,将变量和形参作为AO属性名,值为undefined AO{ a:undefined } 3.将实参形参相统一 AO{ a:2 } 4.在函数体内找函数声明,值赋予函数体 AO{ a:function a(){} } 为学习javaScript的预编译过程,用了如下代码来验证: 在预编译时,AO创建a,a先获得undefined的值,然后形参实参相统一,a值为2,接着寻…

JS的预编译和执行顺序详析(及全局与局部变量)

最近在复习javascript的事件处理时发现了一个问题,于是总结一下:javascript的预编译和执行顺序的问题: <html> <head> <title>事件处理</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <script type='text/javascript'> //页…

JS的预编译和执行顺序详析

原文:JS的预编译和执行顺序详析最近在复习javascript的事件处理时发现了一个问题,然后也是我来写javascript的预编译和执行顺序的问题代码: 复制代码代码一 <html> <head> <title>事件处理</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/>…

热重载预编译编译器 JS引擎作用域

热重载就是页面每次改动,不需要手动去刷新,可自动刷新.保持vuex的状态. JS之预编译 JavaScript的预编译编译器 JS引擎作用域三者之间的关系建议你先去看看你不知道的JavaScript 聊聊JavaScript 编译器,引擎,作用域…

关于JavaScript预编译和执行顺序以及函数引用类型的思考

昨晚在对项目中的一部分做模块化处理的时候,遇到了一个问题,一个重新定义的function对一个通用类中的function进行赋值覆盖的时候,失败了.问题抽象出来是这样的: <script > var A=fun; function fun(){ alert(1); } </script> <script> function fun(){ alert(2); } A(); </script> 我希望输出2,但是运行结果是1.如果两个代码块合并为一个,那输出结果…

JavaScript作用域原理（二）——预编译

JavaScript是一种脚本语言, 它的执行过程, 是一种翻译执行的过程.并且JavaScript是有预编译过程的,在执行每一段脚本代码之前, 都会首先处理var关键字和function定义式(函数定义式和函数表达式). 一.变量执行之前,会被赋为undefined <p id="scope2" style="color:red"></p> function echo(p, html) { p.innerHTML += html + '&l…

javascript引擎执行的过程的理解--语法分析和预编译阶段

一.概述 js是一种非常灵活的语言,理解js引擎的执行过程对于我们学习js是非常有必要的.看了很多这方便文章,大多数是讲的是事件循环(event loop)或者变量提升的等,并没有全面分析其中的过程.所以觉得把这个js执行的详细过程整理一下,帮助更好的理解js. 1.1基础概念 js是单线程语言. 在浏览器中一个页面永远只有一个线程在执行js脚本代码 js是单线程怨言,但是代码解析是非常迅速的,不会发生解析阻塞. js是异步执行的,通过实践循环(event loop)方式实现的暂时我们不考虑事…

javascript预编译的过程

预编译的两种情况全局: 1.全局直接是script标签中的代码,不包括函数执行执行前:1.首先生成一个GO(global object)对象,看不到,但是可以模拟出来用来分析2.分析变量声明,变量名为属性名,值为undefined3.分析函数声明,函数名为属性名,值为函数体,如果函数名和变量名相同,则无情覆盖函数内部(局部): 1. 函数调用,也是会生成自己的作用域(AO:active object),AO活动对象. 函数调用时候,执行前的一瞬间产生的,如果有多个函数的调用,会产生多个AO…

Javascript - 预编译与函数词法作用域

预编译与函数词法作用域(Precompiled & Scoped) 预编译 Javascript脚本的宿主在执行代码之前对脚本做了预编译处理,比如浏览器对Js进行了预编译,编译器会扫描所有的声明(变量.函数.对象,无论它们是否嵌套在其他函数中,都会被扫描),对声明进行编译,编译期间会忽略任何可执行的语句,直到编译结束后才会调用解释器对代码进行执行. 1.为声明的变量(变量式函数被视为变量)划分内存空间,标识符=Undefined(未初始化),执行时才会发生初始化. 2.为所有声明式函数划分内存空…

javaScript语言的预编译与运行

JS代码执行的过程: 1.预编译 ---- 事先对js代码做一个预处理 2.代码运行---开始执行JS代码. JS编程: 1.加载DOM的最好在/BODY之前 2.与DOM渲染无关的放在Head里面 3.JS文件尽量独立方便压缩同时文件少,减少请求次数. 4.变量使用命名空间,减少全局变量 5.JS操作DOM获取DOM是实时的,通过Length来预先存储,方便遍历. JS代码解析机制: 1.编译阶段---预处阶段-----转成字节码 2.运行阶段---代码执行-----执行本地代码变量:va…

JavaScript预编译详解

一.js运行三部曲: 1.语法分析(通篇扫描看有没有语法错误) 2.预编译 3.解释执行二.预编译前奏 1.imply global 暗示全局变量:任何变量如果未经声明就赋值,此变量为全局对象所有 eg: a = 123; var a = b =123; 2.一切声明的全局变量,全是window的属性,一切定义在全局上的变量,都归window所有(window等价于全局) eg: console.log(a) 等价于 console.log(window.a); 举个例子: <sc…

JavaScript作用域原理——预编译

JavaScript-深入理解JavaScript（一、预编译和执行过程）

一.预解析 JavaScript 在执行前会进行类似“预解析”的操作:首先会创建一个在当前执行环境下的活动对象, 并将那些用 var 声明的变量.定义的函数设置为活动对象的属性, 但是此时这些变量的赋值都是 undefined (只有在运行时才执行赋值操作), 事先构造运行环境例如全局环境, 函数运行环境, 还要构造作用域链在 JavaScript 我们可以直接赋值给没有被 var 定义的变量, 不过此时你这么操作变量, 不管这个操作是在全局作用域里还是在局部作用域里, 变量最终都是属于win…

JavaScript作用域及预编译

几乎所有的编程语言都可以存储,访问,修改变量,那在JavaScript中这些变量放在那里?程序如何找到他们? js被归类于解释执行语言,但事实上他也是一门编译语言,因为他也要编译,但于传统的编译语言不同,他不是提前编译,编译结果也不能在分布式系统中进行移植.但js引擎编译的步骤和传统的编译语言非常相似. 传统的编译会经历3个步骤: 分词:将组成的字符串分解成有意义的代码块(词法单元)for instance:var a = 2;被分解成var,a,=,2,;. 语法分析:将词法单元转换成有元素逐…

【JavaScript之预编译】的更多相关文章