JavaScript预解析

1.js引擎运行js分为两步：预解析代码执行

2.预解析分为变量预解析和函数预解析

3.用代码解释js预解析

4.经典案例

1.js引擎运行js分为两步：预解析代码执行

JavaScript 是轻量级解释型弱类型脚本语言

所谓的预解析/预解释/预编译是 JavaScript程序的一种执行方式

预解析：js引擎会把 js 里面所有的 var function 提升到当前作用域的最前面

代码执行：按照代码书写的顺序从上往下执行

2.预解析分为变量预解析和函数预解析

变量预解析也叫变量提升

就是把所有的变量声明提升到当前作用域的最前面，但不提升赋值操作

函数预解析也叫函数提升

就是把所有的函数声明提升到当前作用域的最前面，但不调用函数

3.用代码解释js预解析

console.log(num); //执行结果：undefined
var num = 16;//是因为预解析后，相当于 执行了以下代码var num;//变量提升
console.log();
num = 10;

fn(); // 输出结果：18
function fn(){console.log(18);
}//预解析后，相当于执行了以下代码
function fn() {//函数提升console.log(18);
}
fn();//这也就解释了 声明式函数 在 调用函数时 fn() 既可以放在函数的下面，也可以放在函数的上面

fn(); //直接会报错
var fun = function() { //赋值式函数无法进行函数提升console.log(20);
}//预解析后，相当于执行了以下代码var fn;//变量提升
fn();
fn = function() { console.log(20);
}

4.经典案例

fn();
console.log(c);
console.log(b);
console.log(a);
function fn() {//注意一个点//var a = b = c = 22; 相当于var a = 22; b = 22; c = 22;//可不是 var a = 22; var b = 22; var c = 22;想要是这样的，可以是：var a,b,c = 22;var a = b = c = 22; console.log(a);console.log(b);console.log(c);
}//预解析后，相当于执行了以下代码function fn() {var a;a = 22;//b和c直接赋值 没有var声明,相当于是全局变量  b = 22;c = 22;console.log(a); //22console.log(b); //22console.log(c); //22
}
fn();
console.log(c); //22
console.log(b); //22
console.log(a); //undefined

JavaScript预解析相关推荐

JavaScript预解析、作用域题目记录
JavaScript预解析.作用域题目记录写出以下题目执行的结果及过程分析 function fun ( n ) {console.log( n );var n = 456;console.log( ...
JavaScript（三）—— JavaScript 函数/JavaScript 作用域/JavaScript 预解析/JavaScript 对象
本篇为 JavaScript 系列笔记第三篇,将陆续更新 JavaScript(一)-- 初识JavaScript/注释/输入输出语句/变量/数据类型 JavaScript(二)-- JavaScri ...
JavaScript 预解析机制
JavaScript预解析文章目录 JavaScript预解析 JS预解析? 一.预解析受体二.对var的预解析三.对function的预解析四.var在作用域内五.function作参.在 ...
Javascript预解析、作用域、作用域链
最近在看js的一些资料,总结一下昨晚看到的js作用域方面的知识,不准确的地方希望留言指正! 先看片段js代码如下: 1 < script type="text/javascript&q ...
JavaScript 预解析、对象、错误
单线程记住一句话:JavaScript语言是单线程的区分线程和进程进程是一个工厂,工厂有它的独立资源-工厂之间相互独立-线程是工厂中的工人,多个工人协作完成任务-工厂内有一个或多个工人-工人之间 ...
Javascript预解析、代码执行
1.js引擎分为两部 :预解析代码执行预解析js引擎会把 js 里面所有的 var 还有 function 提升到当前作用域的最前面代码执行按照代码书写的顺序从上往下执行 2.预解析分为变量 ...
JavaScript ( 预解析 )
<script> // 预解析:教如何看懂代码的执行过程 // js的执行过程: /* 1.解析 - 预解析 2.执行 - 然后,代码按照预解析的结果顺序执行 */ // 预解析具体在做什 ...
JavaScript预解析详解
JS预解析 JS解析器在运行JS代码时分两步: 预解析和代码执行预解析 JS引擎会把JS里面所有 var 和 function 提升到当前作用域的最前面代码执行时, 按照代码书写的顺序从上往下执行 ...
轻松搞定javascript预解析机制（搞定后，一切有关变态面试题都是浮云~~）
hey,guys!我们一起总结一下JS预解析吧! 首先,我们得搞清楚JS预解析和JS逐行执行的关系.其实它们两并不冲突,一个例子轻松理解它们的关系: 你去酒店吃饭,吃饭前你得看下菜谱,点下菜(JS预解 ...
前端学习（756）：javascript预解析

JavaScript预解析

1.js引擎运行js分为两步：预解析代码执行

2.预解析分为变量预解析和函数预解析

3.用代码解释js预解析

4.经典案例

JavaScript预解析相关推荐

最新文章

热门文章

JavaScript预解析

1.js引擎运行js分为两步：预解析 代码执行

2.预解析分为 变量预解析 和 函数预解析

3.用代码解释js预解析

4.经典案例

JavaScript预解析相关推荐

最新文章

热门文章

1.js引擎运行js分为两步：预解析代码执行

2.预解析分为变量预解析和函数预解析