JavaScript 预编译与作用域】的更多相关文章

JavaScript 预编译与作用域 JavaScript 预编译的过程和作用域的分析步骤是 JS 学习中重要的一环,能够帮助我们知道代码的执行顺序,更好理解闭包的概念 预编译 JavaScript 执行步骤 检查通篇的语法错误 -> 预编译 -> 解释执行 暗示全局变量 变量不声明直接赋值,挂载到 window 对象下 a = 1; console.log(a); // 1 function test() { var b = c = 1; } test(); console.log(c);…
昨晚在对项目中的一部分做模块化处理的时候,遇到了一个问题,一个重新定义的function对一个通用类中的function进行赋值覆盖的时候,失败了.问题抽象出来是这样的: <script > var A=fun; function fun(){ alert(1); } </script> <script> function fun(){ alert(2); } A(); </script> 我希望输出2,但是运行结果是1.如果两个代码块合并为一个,那输出结果…
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执行前的一瞬间创建一个AO对象,这个创建AO的过程叫做预编译. console.log(a) var a = 1; function c(b){ b = 10; console.log(b); console.log(a); var a = function(){}; function a(){}; } c(5); 借助上述代码中: 可以将预编译分为四步: 1.执行前一瞬间建立AO对象: AO{ a:undefined b:undefined } 首先所…
预编译与函数词法作用域(Precompiled & Scoped) 预编译 Javascript脚本的宿主在执行代码之前对脚本做了预编译处理,比如浏览器对Js进行了预编译,编译器会扫描所有的声明(变量.函数.对象,无论它们是否嵌套在其他函数中,都会被扫描),对声明进行编译,编译期间会忽略任何可执行的语句,直到编译结束后才会调用解释器对代码进行执行. 1.为声明的变量(变量式函数被视为变量)划分内存空间,标识符=Undefined(未初始化),执行时才会发生初始化. 2.为所有声明式函数划分内存空…
预编译的两种情况 全局: 1.全局 直接是script标签中的代码,不包括函数执行执行前:1.首先生成一个GO(global object)对象,看不到,但是可以模拟出来用来分析2.分析变量声明,变量名为属性名,值为undefined3.分析函数声明,函数名为属性名,值为函数体,如果函数名和变量名相同,则无情覆盖 函数内部(局部): 1. 函数调用,也是会生成自己的作用域(AO:active object),AO活动对象. 函数调用时候,执行前的一瞬间产生的,如果有多个函数的调用,会产生多个AO…
一直对变量对象,活动对象,预编译,变量提升,执行上下文的时间顺序有着凌乱的认识,但是这些对理解JS语法有着很重要的作用.读了很多人的文章,都没有一个特别清晰的把这些写出来. 今天主要总结一下现阶段自己的认识. JS是解释型语言,底层是C写的,写完代码后需要解释器解析成c,再转成二进制文件才能执行. 所以一个JS代码块,先全局的词法分析(变量声明(提升).函数声明,创建全局变量)语法分析(构建语法树,查看有没有语法错误),静态作用域 全局上下文推入执行栈(全局变量对象window,全局作用域Glo…
JS是解释型语言,运行过程分三步: 一.语法分析(检查代码是否存在语法错误): 二.预编译(代码执行之前,在内存中开辟空间,存放变量与函数): 三.解释执行(执行JS代码): 理解预编译的过程,对于理解作用域链.闭包.this指向.原型链至关重要,它们是相辅相成的. 预编译分为四步: 1.创建AO对象 就是隐式的创建一个AO(Activation Object)空对象. 2.查找形参和变量声明,将形参名和变量名作为AO对象的属性,值为undefined 注意此处是变量声明(必须带var),只是查…
一.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相对于其它语言来说是一种弱类型的语言,在其它如java语言中,程序的执行需要有编译的阶段,而在javascript中也有类似的“预编译阶段”(javascript的预编译是以代码块为范围<script></script>,即每遇到一个代码块都会进行  预编译>执行),了解javascript引擎的执行机理,将有助于在写js代码过程中的思路总结. 首先javascript是解释型语言,自然就是编译一行,执行一行. js运行过程分为三步: .语法分析 .预编译…