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的预编译和执行顺序最近在复习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.解释执行(真正的读一句执行一句) 第一步:语法分析(即扫描一下看一看有没有低级的语法错误,比如多个大括号啊,写个中文标点等等,只通篇检查语法,但不执行.这就是语法分析的过程.) 第二步:预编译过程(发生在函数执行时,也可说成执行的前…

js函数预编译和声明语句被提升问题小结

<!DOCTYPE html><html><head></head><body><script>//---------------------- 函数预编译 ------------------------------------------------// 也可以理解为 function声明语句被提升到作用域顶部// 注意不能在firebug的控制台下直接运行,控制台环境下没声明语句的提升效果var ifunction bar(){…

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基础的人都应该很容易理解这行代码,这只是简单的声明了一个常见函数,而变量赋值如下: 在项目开发过程中,我们经常…

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…

js函数预编译

JS数据类型及函数的预编译

1.JS总体上分为:原始值和引用值原始值分为:Number.Boolean.String.undefined.null;原始值不可改变的值,存储在栈[stack]的,先进后出! 引用值:array.Object.function.date.RegExp:原始值是可改变的,引用值大体是存储在堆[heap]中: 说明:一个变量经过声明,但是没有赋值,默认情况下就是undefined!例如: <body> <script type="text/javascript">…

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相对于其它语言来说是一种弱类型的语言,在其它如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,接着寻…

JavaScript预编译过程理解

1-JavaScript运行三部曲语法分析预编译解释执行语法分析很简单,就是引擎检查你的代码有没有什么低级的语法错误: 解释执行顾名思义便是执行代码了: 预编译简单理解就是在内存中开辟一些空间,存放一些变量与函数 : 2-JS预编译什么时候发生预编译到底什么时候发生 ? 误以为预编译仅仅发生在script内代码块执行前这倒并没有错预编译确确实实在script代码内执行前发生了但是它大部分会发生在函数执行前 3-实例分析先来区分理解一下这2个概念: 变量声明 var- 函数声明…

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的预编译

JavaScript不会完全按照代码的顺序执行,在执行之前会对定义的函数和变量先来一边所谓的预编译处理. 先来说下对变量的预处理: console.log(a) //undefined var a ='hello world!' console.log(a) //'hello world' 按照常理,我们还没定义a这个变量,提前打印应该是报错的,但是确打印出undefined, 出现这个效果的原因就是预处理机制.再来说下这段代码的执行过过程: var a; console.log(a); //u…

JS运行三部曲（预编译）

JS运行的三个步骤: 语法分析预编译解释执行语法分析:通俗来说就是通篇检查你的代码有没有语法错误,有语法错误的话,程序是不会执行的解释执行:也就是程序读一句执行一句最重点的也就是预编译了,那么预编译到底是什么?它发什么在什么时候? 先来段代码压压惊 function fn (a) { console.log(a) var a = 123; console.log(a) function a () {} console.log(a) console.log(b); var b = fun…

JS作用域和预编译（转载学习中。。。）

JS在页面加载过程中顺序执行.但是分块预编译.执行. JS在执行前会进行类似”预编译”的操作,而且先预声明变量再预定义函数. 此时注意,是声明,不是定义,如:var a = 1; 在预编译中,只是执行了”var a”没有赋值,即在预编译结束时a 为undefined. (注意)并不是先全文编译完在执行,而是块编译,即一个script块中,预编译再执行,然后(按顺序)下一个script块,预编译再执行,但此时上一个块中的数据都是可以用的,但下一个块中的函数,声明的变量都是不可用的. 变量没声明就引…

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

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

JS预编译过程

GO和AO 变量的预编译实例1 console.log(a); var a=1; console.log(a); 实际编译过程: 将a存入预编译对象中,赋值为undefined: 真正的赋值语句当程序运行到时才会执行. 实例1等价: var a=undefined; console.log(a);//undefined a=1; console.log(a);//1 GO(Global Object) 预编译过程先创建GO对象(Global Object),再创建AO对象(Activatio…

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

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

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

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

JavaScript 预编译（变量提升和函数提升的原理）

本文部分内容转自https://www.cnblogs.com/CBDoctor/p/3745246.html 1.变量提升 console.log(global); // undefined var global = 'global'; console.log(global); // global function fn () { console.log(a); // undefined var a = 'aaa'; console.log(a); // aaa } fn(); 疑问一: 还没…