只有理解了JavaScrip的执行上下文，你才能更好地理解JavaScript语言本身
fn1();
console.log(undf);
var undf="undf"
function fn1(){
console.log("fn1")
}
console.log(stb) // 直接用没有定义的就报错了。
// fn1
// undefined
// 执行过程中，若使用了未声明的变量，那么JavaScript执行会报错。
// 在一个变量定义之前使用它，不会出错，但是该变量的值会为undefined，而不是定义时的值。 【编译的时候初始化值为undefined】
// 一个函数定义之前使用它，不会出错，且函数能正确执行。 【编译的时候创建函数对象存在执行上下文的变量环境中来】。
变量提升
// 变量声明 和 赋值
var admin = '123';
分为
var admin = undefined;
和
admin = '123';
function dlc() {}
var dlc = function(){}
// 这两个本质的区别是什么？
// function dlc() {} 在编译阶段的时候首先会创建一个函数对象 dlc 保存了函数对象的指针{name,code}
// name 是函数名字 code 是函数代码
// 所以再执行的时候 上下文中有函数代码执行的时候先编译执行就可以了
// var dlc = function(){} 就不同了 var dlc = undefined 编译阶段 执行的时候当然也就没有了。
// 所谓的变量提升，是指在JavaScript代码执行过程中，JavaScript引擎把变量的声明部分和函数的声明部分提升到代码开头的“行为”。变量被提升后，会给变量设置默认值，这个默认值就是我们熟悉的分提升到代码开头的“行为”。变量被提升后，会给变量设置默认值，这个默认值就是我们熟悉的undefined。undefined。
JavaScript代码的执行流程 从概念的字面意义上来看，“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面，正如 我们所模拟的那样。但，这并不准确。实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译 阶段被JavaScript引擎放入内存中阶段被JavaScript引擎放入内存中。对，你没听错，一段JavaScript代码在执行之前需要被JavaScript引擎 编译，编译编译完成之后，才会进入执行执行阶段。大致流程你可以参考下图
1.编译阶段 编译阶段和变量提升存在什么关系呢？
浏览器渲染进程（宿主）-> v8准备执行环境( 堆/栈 全局作用域 全局上下文 事件循环 。。。 内至的全局API ) -> 解析器解析代码惰性解析器(词法分析和语法分析)-> 预解析器(扫码语法、闭包的生成)-> (AST,静态作用域)-> 字节码 -> 解释执行字节码 具体热代码二进制后面再介绍。 我们观察这个流程 所有的代码都会由AST 生成字节码再执行 有一个编译的过程有一个解释执行的过程 JS在全局执行函数的时候会先把代码从函数对象的code里面拿出来，然后编译创建函数上下文，然后再开始执行。 从上图可以看出，输入一段代码，经过编译后，会生成两部分内容：执行上下文（Executioncontext）执行上下文（Executioncontext）和可执行代码可执行代码。 上图是一个执行上下文的机构图请牢记。 执行上下文 【变量环境】【词法环境】 【函数实际上可以执行的代码】
执行上下文是JavaScript执行一段代码时的运行环境，比如调用一个函数，就会进入这个函数的执行上下文，确定该函数在执行期间用到的诸如this、变量、对象以及函数等。
showName()
console.log(myname)
var myname = 'test'
function showName() {
console.log('test');
}
// 第1行和第2行，由于这两行代码不是声明操作，所以JavaScript引擎不会做任何处理；
// 第3行，由于这行是经过var声明的，因此JavaScript引擎将在环境对象中创建一个名为myname的属性，并使用undefined对其初始化；
// 第4行，JavaScript引擎发现了一个通过function定义的函数，所以它将函数定义存储到堆(HEAP）中，并在环境对象中创建一个showName的属性，然后将该属性值指向堆中函数的位置（不了解堆也没关系，JavaScript的执行堆和执行栈我会在后续文章中介绍）。
// 接下来就可以开始执行函数代码了
执行阶段 showName 执行的时候会在执行上下文中找到 showName 这个函数对象并且找到它的code编译执行它。 接下来打印“myname”信息，JavaScript引擎继续在变量环境对象中查找该对象，由于变量环境存在myname变量，并且其值为undefined，所以这时候就输出undefined
接下来执行第3行，把“极客时间”赋给myname变量，赋值后变量环境中的myname属性值改变为“test”，变量环境如下所示
好了，以上就是一段代码的编译和执行流程。实际上，编译阶段和执行阶段都是非常复杂的，包括了词法分析、语法解析、代码优化、代码生成等，这些内容我会在后面聊起来
代码中出现相同的变量或者函数怎么办？ 后面的会覆盖前面的
总结
JavaScript代码执行过程中，需要先做变量提升变量提升，而之所以需要实现变量提升，是因为JavaScript代码在
执行之前需要先编译编译。
在编译阶段编译阶段，变量和函数会被存放到变量环境变量环境中，变量的默认值会被设置为undefined；在代码执行阶执行阶段段，JavaScript引擎会从变量环境中去查找自定义的变量和函数。
如果在编译阶段，存在两个相同的函数，那么最终存放在变量环境中的是最后定义的那个，这是因为后定
义的会覆盖掉之前定义的。
JS执行机制 注意执行是先编译再执行
