js什么是预解析机制

2024-10-21

怎样理解JS的预解析机制

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

轻松搞定javascript变量（闭包，预解析机制，变量在内存的分配）

变量: 存储数据的容器 1.声明 var 2.作用域全局变量. 局部变量. 闭包(相对的全局变量): 3.类型 a.基本类型(undefined, null, boolean, number, string) b.引用类型:(object, function),其实function 也是对象-->var a = new Function(alert('我也是对象')); 4. 类型转换隐式转换(==, -, *, /,

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

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

js作用域其二:预解析

文章目錄解析机制 JavaScript是一门解释型的语言 , 想要运行js代码需要两个阶段编译阶段: 编译阶段就是我们常说的JavaScript预解析(预处理)阶段,在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码执行阶段: 在编译阶段JavaScript解释器借助执行环境把字节码生成机械码,并从上到下按顺序执行预解析时做什么 var , function声明的变量提升首先,创建一个当前执行环境下的活动对象,然后将用 var 声明的变量设置为活动对象

从var func=function 和 function func()区别谈Javascript的预解析机制

JavaScript 预解析机制

首先我们来看一段代码: <script> console.log(a); var a = 10; </script> 此时运行结果为为什么会显示undefined呢?这就涉及到了预解析中的变量提升: 1.局部提升(变量) 会把变量声明分成两部分 1) 变量声明只有这个部分发生了提升,提升至所在作用域的最前面 2) 变量赋值在原位置: 接下来再看一段代码: <script> foo(); function foo(){ consol

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

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

第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预解析机制（搞定后，一切有关变态面试题都是浮云~~）

hey,guys!我们一起总结一下JS预解析吧! 首先,我们得搞清楚JS预解析和JS逐行执行的关系.其实它们两并不冲突,一个例子轻松理解它们的关系: 你去酒店吃饭,吃饭前你得看下菜谱,点下菜(JS预解析),但吃的时候还是一口一口的吃(JS逐行执行)! OK,解决下面五个问题,JS预解析就算过了~~(前提:对JS变量作用域有清晰理解) 一.JS预解析是什么? 其实就是对程序要用到的材料(变量,函数)给一个初始值,并存到一个表中(我自己虚构的),当程序运行到那一行时,就来这个表看有没有初始值,没有就

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

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

JS中的预解析

js预解析对于很多学习web前端开发的新手们很困扰,总是很难搞懂到底是个什么东西,今天零度就为大家简单的分析一下,争取让大家都明白! 首先,看一下下面的代码: alert(a); var a = 1; 这段代码大家认为运行时会弹出什么?相信很多人会回答”1“,其实弹出的是undefined! 为什么呢?我们来分析一下:首先这段js代码是一个alert,我们知道alert是一个弹出函数,弹出后面括号里面的东西,这里面我们给了一个变量a,那么这个变量a的值是多少呢?这时,js解析器并不知道,所以它会

JS基础语法---预解析

预解析:就是在解析代码之前 1. 预解析做什么事? 把变量的声明提前了----提前到当前所在的作用域的最上面函数的声明也会被提前---提前到当前所在的作用域的最上面举例: function f1() { console.log(num); var num = 10; } f1(); //此时运行结果是undefined 此时运行结果是undefined,因为预解析,变量声明被提前了,实际按下面的方式解析的: function f1() { var num console.log(nu

js的预解析

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

JS解析+预解析相关总结

[js预解析机制]先来说说js的解析机制吧,浏览器在解析js代码时是从上到下解析的.解析顺序如:(1)预解析找var和function (2)逐行代码解析表达式函数调用 fn1()函数内部再发生{ (1)预解析 (2)逐行代码解析} 解析:由子级到父级寻找变量,称作用域链如:函数参数,为局部变量 <script type="text/javascript"> var a=1; function fn1(a){//把a作为参数传进来

javascript预解析和作用域

JavaScript解析过程分为两个阶段: 一是:编译阶段.就是JavaScrip预解析阶段,在这个阶段JavaScript解析器将完成把JavaScript脚本代码转换到字节码; 二是:执行阶段.在编译阶段JavaScript解析器借助执行环境把字节码生成机械码,并顺序执行; 预解析:在当前的作用域中,js代码执行之前浏览器会默认把所有带var 和function的进行提前的声明或者定义; eg:var num=1; sum(); function sum(){console.log(num)

javascript的执行和预解析

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

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

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

JavaScript解析机制之变量提升

1.什么是预解析? 在当前作用域下,JS 运行之前,会把带有 var 和 function 关键字的事先声明,并在内存中安排好.(这个过程也可以理解为变量提升)然后再从上到下执行 JS 语句(预解析只会发生在通过 var 定义的变量和 function 上) 2.var 声明的变量使用 var 声明的变量预解析:告诉解析器知道有这个名字的存在并默认将该变量赋值 undefined ,如下: console.log(x); //undefined var x = 5; 变量 x 虽然是在 con

js什么是预解析机制

热门专题