语法分析（通篇扫描一遍但不执行）

预编译

function test(){console.log(a);
}
test();//上下两块代码都能执行并在控制台输出结果atest();
function test(){console.log(a);
}

console.log(a);
var a = 123;  //控制台输出undefined
如果只有 console.log(a); 则会报错，a is not defined
---------------------------------------------
var a = 123;
console.log(a);  //控制台输出123

函数声明整体提升：函数不管写在那一部分，系统总是会把函数提到逻辑的最前面
变量声明提升：var a = 123；---->var a; a = 123; 系统会将var a;这一部分提到程序的最前面

//会输出什么？
console.log(a); //输出function a(a) {......}
function a(a){console.log(a); //输出function a() {}var a = 234;console.log(a); //输出234function a() {}
}
a(1);
var a = 123;

预编译前奏

imply global 暗示全局变量：即任何变量，如果变量未经声明就赋值，此变量就为全局对象（window）所有
eg: a = 123;
eg: var a = b = 123; ----> b = 123; -> var a; -> a = b;
一切声明的全局变量，全是window的属性；window就是全局的域
eg: var a = 123; ---->window.a = 123;

预编译四步曲

1、创建AO对象（Activation Object）（执行期上下文：函数产生的存储空间库）
2、找形参和变量声明，将变量和形参名作为AO属性名，值为undefined
3、将实参值和形参统一
4、在函数体里面找函数声明，值赋予函数体

//不同地方的 console.log(a); 输出结果是什么？
function fn(a){console.log(a); //在AO里找值--->输出 function a() {}var a = 123; //预编译将 var a;提升上去了，执行 a = 123;修改AO中a的值console.log(a); //输出 123function a() {} //预编译读过，不再读console.log(a); //输出 123var b = function() {} //函数表达式，将AO中b的值改为function () {}console.log(b); //输出funtion () {}function d() {}
}
fn(1);预编译发生在函数执行的前一刻；预编译也发生在全局，第一步为创建GO对象；
GO（Global Object） === window

第一步：AO{ }
第二步：
AO{
a : undefined,
b : undefined
}
第三步：
AO{
a : 1,
b : undefined
}
第四步：
AO{
a : function a() {},
b : undefined,
d : function d() {}
}

解释执行

JS--JS运行三部曲--渡一教育（视频笔记）相关推荐

java渡一教育百度云_小白学java第1篇（视频课程为渡一教育）
开始学习java了,准备将自己的的学习笔记整理出来,放在这,一方面是进行记录,另一方面也是想让自己坚持下去,如果有一起学习的伙伴可以一起学习打卡,相互监督!笔记内容是根据渡一教育的java课程整理的, ...
js截屏 video_canvas与html5实现视频截图功能
这段时间一直在研究canvas,突发奇想想做一个可以截屏视频的功能,然后把图片拉去做表情包,哈哈哈哈哈哈~~ 制作方法: 1.在页面中加载视频在使用canvas制作这个截图功能时,首先必须保证页面上 ...
Vue.js 内部运行机制之总结常见问题解答
Vue.js 内部运行机制之总结 & 常见问题解答总结在本小册的第一节中,笔者对 Vue.js 内部运行机制做了一个全局的概览,当时通过下面这张图把 Vue.js 拆分成一个一个小模块来介 ...
在vscode运行js 输出会合并_前端系列——JS的运行与输出
问题: JS如何被运行? JS运行后如何输出结果? 回答: 1--解答:JS的运行有两种方式,第一种是把代码放到浏览器中,让浏览器内核来渲染解析:第二种是基于NODE,NODE也是一种基于V8引擎的渲 ...
ie运行不了java脚本界面_IE浏览器不能运行js JS代码失效不能运行了如何解决
IE浏览器不能运行js JS代码失效不能运行了如何解决发布时间:2012-02-20 16:39:23 作者:佚名我要评论 IE不能运行js,在IE浏览器js代码失效,js不能运行了怎么办 ...
JS-对象，包装类--渡一教育（视频笔记）
对象对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性 1.用已学知识点,描述一下你心目中的对象 var mrDeng = {name : "MrDeng",ag ...
uni-app(Vue.js)创建运行微信小程序
uni-app(Vue.js)创建运行微信小程序 1.全局安装 npm install -g @vue/cli 需要安装node,官方网站,否则提示npm不可用 2.创建uni-app 新建文件夹,选 ...
HTML5/Node.js/JS 经验谈 (会员专属)【讲师辅导】-曾亮-专题视频课程
HTML5/Node.js/JS 经验谈 (会员专属)[讲师辅导]-5481人已学习课程介绍 QQ 1405491181 链接 http://edu.csdn.net/lecture ...
五、JS单线程运行原理与多线程
一.进程与线程进程:正在执行的程序为一个进程.程序的一次运行,它会占用一片独立的内存空间.称为进程线程:线程是进程内一个独立的执行单元.1.一个进程中至少一个运行的线程,称为主线程.进程启动后自动创 ...

JS--JS运行三部曲--渡一教育（视频笔记）

JS--JS运行三部曲

语法分析（通篇扫描一遍但不执行）

预编译

预编译前奏

预编译四步曲

解释执行

JS--JS运行三部曲--渡一教育（视频笔记）相关推荐

最新文章

热门文章