js 预解析和变量提升

2024-10-19

JS预解析与变量提升

预解析 JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的.JavaScript解析器执行JavaScript代码的时候,分为两个过程:预解析过程和代码执行过程预解析过程: 把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值. 把函数的声明提升到当前作用域的最前面,只会提升声明,不会提升调用. 先提升var,在提升function. JavaScript的执行过程 // 案例1 var a = 25; function abc() { alert(a)

js 预解析以及变量的提升

js在执行之前会进行预解析. 什么叫预解析? 预:提前解析:编译预解析通俗的说:js在执行代码之前会读取js代码,会将变量声明提前. 变量声明包含什么?1.var 声明 2.函数的显示声明. 提前:是会将这些变量声明提前声明读取,避免在执行代码的过程中出现未定义的问题. 注意: 只是提升变量,并不是提升变量赋值. 对于es6中的let不具体变量提升. 例子: <script> test(); function test() { console.log() } </script>

关于js语法中的一些难点(预解析，变量提前，作用域)

******标题很吓人************ 其实就是一个小小的例子 ,从例子中简单的分析一下作用域.预解析和变量提前的概念 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>关于js中的那些小知识点</title> </head> <body> </body> <script> var a=

javascript . 03 函数定义、函数参数（形参、实参）、函数的返回值、冒泡函数、函数的加载、局部变量与全局变量、隐式全局变量、JS预解析、是否是质数、斐波那契数列

1.1 知识点函数:就是可以重复执行的代码块 2. 组成:参数,功能,返回值为什么要用函数,因为一部分代码使用次数会很多,所以封装起来, 需要的时候调用函数不调用,自己不会执行同名函数会覆盖,后面的覆盖前面的函数名等于整个函数,打印函数名,就等于打印整个函数的代码 7. 加载函数的时候只加载函数名,不加载函数体参数相当于局部变量两个平级的函数中变量不会相互影响 10. 预解析:函数在解释文档的时候会被整体提到文档的最前面,和加载不一样第一种:解析的时候会被提前,可在任

js预解析相关知识总结以及一些好玩的面试题

js预解析的题像在做智力题一样有意思~ 预解析预解析:在解释这行代码之前发生的事情——变量的声明提前了,函数的声明提前 console.log(num) ——未定义Num,结果是报错 var num; console.log(num)——结果是undefined console.log(num) var num = 10;——结果是undefined 注意:预解析分段,多对的script标签中如果函数名相同,互不影响预解析就是变量的声明提前了,比如 console.log(num);var

JS预解析机制

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

JS 函数作用域及变量提升那些事！

虽然看了多次js函数作用域及变量提升的理论知识,但小编也是一知半解~ 这几天做了几道js小题,对这部分进行了从新的理解,还是有所收获的~ 主要参考书籍: <你不知道的JavaScript(上卷)>第一部分 <JavaScript高级程序设计>第四章 4.2 执行环境与作用域理解要点: 1. js其实是一门编译语言,代码的执行分为两个阶段:(<你不知道的JavaScript(上卷)>) a.编译阶段 b.执行阶段 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(); 疑问一: 还没

js预解析及特效

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

js笔记——js里var与变量提升

var是否可以省略一般情况下,是可以省略var的,但有两点值得注意: 1.var a=1 与 a=1 ,这两条语句一般情况下作用是一样的.但是前者不能用delete删除.不过,绝大多数情况下,这种差异是可以忽略的. 2.在函数内部,如果没有用var 进行申明,则创建的变量是全局变量,而不是局部变量了. 所以,建议变量申明加上var关键字. 变量提升 JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行.这造成的结果,就是所有的变量的声明语句,都会被提升到

JS预解析

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

js预解析问题总结

//示例 1 alert(a) // undefind. alert(fn) // function 整个函数块. var a = 1; function fn(){ return falss; }; 为什么?第一个是 undefind , 第二个是 functin 函数块.这是怎么运行的? js解析器在运行js代码的时候分为两步: 第一步把所有的变量.函数.参数提前到当前作用域的顶部. 第二步逐行解读代码从左到右.从上至下. //示例 1 解释 var a; // a 变量提前到

[妙味JS基础]第六课：作用域、JS预解析机制

知识点总结浏览器的解析方法 script 全局变量,全局函数自上而下函数由里到外 "JS的解析器": 1)“找一些东西”:var function 参数 var a=未定义 =>所有的变量,在预解析时,赋一个值:未定义 fn1 = function fn1(){alert(2)} =>所有的函数,在预解析时,是整个函数块 function fn1(n1) {} =>这里的参数n1,相当于var n1 ,因此也是未定义在预解析时,遇到重名的:只留一个,var和

js 预解析

前言 JavaScript是解释型语言是毋庸置疑的,但它是不是仅在运行时自上往下一句一句地解析的呢? 事实上或某种现象证明并不是这样的,通过<JavaScript权威指南>及网上相关资料了解到,JavaScript有“预解析”行为.理解这一特性是很重要的,不然在实际开发中你可能会遇到很多无从解析的问题,甚至导致程序bug的存在.为了解析这一现象,也作为自己的一次学习总结,本文逐步引导你来认识JavaScript“预解析”,如果我的见解有误,还望指正. 在ES6之前,变量使用var声明,会存在变

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 全局变量.全局函数自上而下函数由里到

JS中作用域和变量提升(hoisting)的深入理解

作用域(Scoping) javascript作用域之所以迷惑,是因为它程序语法本身长的像C家族的语言.我对作用域的理解是只会对某个范围产生作用,而不会对外产生影响的封闭空间.在这样的一些空间里,外部不能访问内部变量,但内部可以访问外部变量. c语言的变量分为全局变量和局部变量,全局变量的作用范围是任何文件和函数访问(当然,对于非变量定义的其他c文件,需要使用extern关键字进行申明,使用static关键字也可以将作用范围限定在当前文件中),局部变量的作用范围就是从申明到最近的大括号涵盖的块级

原型模式故事链(4)--JS执行上下文、变量提升、函数声明

上一章:JS的数据类型传送门:https://segmentfault.com/a/11... 好!话不多少,我们就开始吧.对变量提升和函数声明的理解,能让你更清楚容易的理解,为什么你的程序报错了~哈哈哈我们前端的代码一般就三个部分组成html + css +js,一般呢我们的JS又会放在最后执行. 执行上下文:所谓的执行上下文,就是JS代码执行的环境. Javascript中代码的运行环境分为以下三种: 全局上下文 - 这个是默认的代码运行环境,一旦代码被载入,引擎最先进入的就是这个环境.

JS——预解析

1.排查语法错误 <script> console.log(1; </script> 2.变量提升和函数整体提升 <script> console.log(n1); </script> <script> console.log(n1); var n1 = 1; </script> 3.变量提升只提升变量名不提升变量的值

js 预解析和变量提升

热门专题