JS函数预解析（小记）

两个实例轻松理解js函数预解析

js函数预解析例子1: 先上一段代码,看看能不能写出最终的执行结果. console.log(a); var a = 1; console.log(a); function a(){ console.log(2); } var a = 3; console.log(a); function a(){ console.log(4); } console.log(a); a(); 运行结果: 解释一下: 首先预解析阶段遇到 var a = 1:声明变量a 然后遇到第一个函数a声明,这时由于和变量a…

JS函数预解析（小记）

一,预解析:寻找var function 形参 a=undefined fn = function fn(){ alert(); } 二,逐行解读代码: 1.表达式 2.函数调用(作用域) 一预解析:寻找var function 形参二逐行解读代码: 第二种情况 //当变量与函数名字相同时,丢变量,保函数第三种情况 //多script标签时,从上到下依次解析并解读每一个作用域. 第四种情况//作用域链 : 执行表达式时,先在…

js的预解析

在ES6之前,变量使用var声明,会存在变量的预解析(函数也有预解析).ES6引了let和const,但是现阶段ES6并没有完全普及,而且很多比较老的代码都还是按照ES5的标准甚至是ES3的标准来书写的,要想得心应手的维护之前的代码个人感觉还是很有必要了解下js的预解析机制. 一.变量和函数在内存中的存在形式 JavaScript中的变量类型和其他语言一样,有基本数据类型和引用数据类型.基本数据类型包括:undefined.null.boolean.String.Number:引用数据类型主要是…

怎样理解JS的预解析机制

JS的预解析包括两部分: 1. 变量提升 2. 函数声明对于变量提升, 可以看下下面这块代码 console.log(name); // undefined var name = "Lilei"; 对于函数声明, 可以看下下面这块代码 sayHello(); // "Hello" function sayHello() { console.log("Hello"); } 由上面的执行结果, 我们可以知道JS的预解析对变量和函数的行为是不一样的,…

第112天：javascript中函数预解析和执行阶段

关于javascript中的函数: 1.预解析:把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前 2.执行 :从上到下执行,但有例外(setTimeout,setInterval,ajax中的回调函数,事件中的函数需要触发执行) 函数的参数可以是一个函数,这个函数可以直接调用函数可以作为返回值函数的嵌套形成闭包 function有双重身份: 1.对象 2.构造函数一.定义预解析:在当前作用域下,js运行之前,会把带有var和function关键字的事先声明,并在内存中…

2.2、js基础---预解析和严格模式

一.语言特性 1.预解析:js会把变量的声明(仅仅是声明)提到顶部,但是不会突破作用域. alert(a);var a= 12; //结果,undefined 2.页面无论多长都会进行预解析. 3.js语言执行步骤: 读取一个script标签=>预解析=>执行里面代码=>读取下一个script=>预解析=>执行代码 4.函数也有预解析,但是要注意:当…

js之预解析

一.所谓的预解析就是:在当前作用域中,JavaScript代码执行之前,浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义. 1)var声明的变量在预解析的时候只是提前的声明, 2)function声明的函数在预解析的时候会提前声明并且会同时定义. 二.预解析只发生在当前的作用域下程序最开始的时候,只对window下的变量和函数进行预解析GO{}, 只有函数执行的时候才会对函数中的变量和函数进行预解析AO{}. 三.当函数执行的时候,首先会形成一个新的私有作用域…

js的预解析和作用域

预解析指的就是,在js文件或者script里面的代码在正式开始执行之前,进行的一些解析工作.这个工作很简单,就是在全局中寻找var关键字声明的变量和通过function关键字声明的函数. 1.寻找 var function 参数等关键字,根据var a提前设置为 a=未定义(undefined) ,所有的变量,在正式运行前都提前赋值了一个未定义. 2.函数在正式运行代码前,都是整个函数块.fn1=function fn1(){alert(2);} 执行js代码一般分两步:1.预解析代码. …

js的预解析和代码执行相关规则

JavaScript解析过程分为两个阶段,一个是编译阶段,另外一个就是执行阶段. 1.编译阶段:又称为预解析阶段,在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码. 2.执行阶段:在执行阶段JavaScript解释器借助执行环境把字节码生成机械码,并顺序执行. 在未定义和函数中,会选择函数,跟代码顺序没有关系学习博客:http://www.cnblogs.com/HPNiuYear/archive/2012/08/27/2657879.html…

js的预解析详解

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

js代码预解析

1.var一般用于声明变量,预解析代码的时候,等号后面的赋值过程不会执行,所以预解析时的var变量都是未定义的 2.function声明的函数,预解析的时候,值就是函数里面的内容例:console.log(c) var c = 1; console.log(c) function c( ){console.log(2)} 预解析过程:var c; function c( ){console.log(2)}; console.log(c) // function c( ){console.log…

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

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

js函数预编译

js函数的解析与执行过程

14 (H5*) JS第4天函数、作用域、预解析

目录 1:函数的其他定义 2:函数作为参数 3:函数作为返回值 4:作用域 5:作用域链 6:预解析 7:预解析分段复习 <script> /* * 复习: * 函数:把一些重复的代码封装在一个地方,在需要的时候直接调用这个地方的代码就可以了 * * 函数作用:代码重用 * * 函数的参数: * 1.形参:函数定义的时候,函数名字后面的小括号里的变量 * 2.实参:函数调用的时候,函数名字后面的小括号里的变量或者值 * * 返回值: * 函数中有return,函数有返回值 * 函数中没有re…

JS基础研语法---函数基础总结---定义、作用、参数、返回值、arguments伪数组、作用域、预解析

函数: 把一些重复的代码封装在一个地方,在需要的时候直接调用这个地方的代码就可以了函数作用: 代码重用函数的参数: 形参:函数定义的时候,函数名字后面的小括号里的变量实参:函数调用的时候,函数名字后面的小括号里的变量或者值返回值: 函数中有return,函数有返回值函数中没有return,函数没有返回值没有明确返回值:函数中没有return或者return后面没有任何内容如果一个函数没有明确的返回值,接收这个函数,结果是undefined 无参数无返回值的函数无参数有…

js预解析及特效

预解析: // 作用域: // 域:空间.范围.区域…… // 作用:读.写 script 全局变量.全局函数自上而下函数由里到外 {} 浏览器: “JS解析器” 1)“找一些东西” :var function 参数 a = ... 所有的变量,在正式运行代码之前,都提前赋了一个值:未定义 fn1 = function fn1(){ alert(2); } 所有的函数,在正式运行代码之前,都是赋整个函数块 JS 的预解析遇到重名的:只留一个变量和函数重名了,就只留下函数 2)逐行解读代…

JS预解析

1.在逐行读js代码前,解析器会先提取所有声明的var变量和函数 js解析器会先把脚本里所有var变量声明读一遍,但是它只读变量名字,不读变量值,一开始它会赋给所有读到的var变量一个[未定义]的值.而js解析器提取函数是整块提取的读出来,把函数当作整体来看待,也就是说读变量是没值的,读函数是有内容的.这个过程就是js的预解析所以在逐行读代码的这一步时,解析器每找到一个var声明,就会去看先前提取的东西中有没有它的值(往往是[未定义]) 2.var a=0; var是声明, a=0是表达式如…

JS作用域概念-预解析规则

// 作用域: // 域:空间.范围.区域…… // 作用:读.写 script 全局变量.全局函数自上而下函数由里到外 {} 浏览器: “JS解析器” 1)“找一些东西” :var function 参数 a = ... 所有的变量,在正式运行代码之前,都提前赋了一个值:未定义 fn1 = function fn1(){ alert(2); } 所有的函数,在正式运行代码之前,都是整个函数块 JS 的预解析遇到重名的:只留一个变量和函数重名了,就只留下函数 2)逐行解读代码: 表达式…

JavaScript函数之作用域 / 作用链域 / 预解析

关于作用域和作用链域的问题,很多文章讲的都很详细,本文属于摘录自己觉得对自己有价值的部分,留由后用,仅供参考,需要查看详细信息请点击我给出的原文链接查看原文件做一个有爱的搬运工~~ ------------------------------------------------------------------------------------------------------------------------------------------- 作用域 js中作用域只有一种,就是函…

JS预解析机制

JS的预解析过程: 1,预解析 2,再逐行解读代码, 实例: ---------------------------- <script> var name="xm"; var age=18; function fn(argument){ console.log(name); var name="xh"; var age=12; }&l…

进击JavaScript核心 --- （2）函数和预解析机制

一.函数每个函数都是 Function类型的实例,也具有属性和方法.由于函数也是一个对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定 1.函数的定义方式 (1).函数声明 function add(a, b) { return a + b; } 函数声明提升:在执行代码之前,会先读取函数声明,也就是说,可以把函数声明放在调用它的代码之后 fn(); function fn() {console.log(1)} (2).函数表达式 var add = function(a…

js---07 js预解析，作用域---闭包

js解析器首先不会逐行读代码,这是第二部了. 首先根据var找到变量,根据function找函数,找到变量var a = 1,js解析器只会读取等号前面的var a,并把a设置值未定义,并不会读取等号后面的a = 1,所以a的值是未定义,并加入仓库,根据function找到函数后,function a (){ alert(2); },找到函数是函数整体,这是js的预解析(预解析只找var 和函数).遇到重名的留下后面的,变量和函数重名了,函数在后面,只留下函数. 正式读取代码的时候,是从上到下…

第06课：作用域、JS预解析机制

从字面上理解----域就是空间.范围.区域,作用就是读.写,所以作用域我们可以简单理解为:在什么样空间或者范围内对数据进行什么样的读或写操作. 看一下代码 alert(a); // 为什么是undefined var a = 1; alert(a); //为什么浏览器无反应 a = 1; 要了解为什么这些现象必须先知道浏览器是如何读取js代码,而这段浏览器专门用来读取js代码的片段我们称之为-----js解析器首先,我们来理解“JS解析器”是如何工作的? 先看如下代码 alert(a); /…

javascript-初级-day06作用域、JS预解析机制

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> /* // 作用域: // 域:空间.范围.区域-- // 作用:读.写 script 全局变量.全局函数自上而下函数由里到…

javascript的执行和预解析

很久以前遇到过一个面试题目,的的确确是面试官问我的问题,下面是这个问题的代码部分.由于年少无知,没有回答上,被无情pass了. var u ='hello world'; ;(function(){ alert(u); var u = 'bonjour la monde'; })(); //请问alert的结果是什么?. 一开始毫不犹豫地想到 alert出来的是hello world; 面试官一脸无奈看着我,耸耸肩,我就大概知道被鄙视了.其实结果是undefined,但是一直没想通这样一个结果.…

JavaScript-----11.预解析

1.预解析 1.1引子 //1问 console.log(num);//报错 num未定义 //2问 console.log(num); //undefined 未报错 var num = 10; //3问 fun(); function fun() { console.log(11); //11 未报错 } //把fun();放在后面.前面都不会报错 //4问 fun1(); var fun1 = function() { console.log(22); //报错 fun1 is not a…