做网站ppt,招远做网站哪家好,推广营销海外网站,上海3d网站建设知识总结#xff1a;谢静贤、汤昊在javascript中作用域是非常重要的#xff0c;本文将会说明作用域以及我们在工作#xff0c;以及面试中的一些面试题#xff0c;如果有不足的地方希望大家可以评论指出来#xff0c;自己一定会及时的改正错误#xff0c;避免大家走入一些… 知识总结谢静贤、汤昊在javascript中作用域是非常重要的本文将会说明作用域以及我们在工作以及面试中的一些面试题如果有不足的地方希望大家可以评论指出来自己一定会及时的改正错误避免大家走入一些误区。一作用域二.预解析 三.作用域链四.函数和变量提升五.预解析中的一些变态机制 一、作用域一般情况下一段代码中所用到的名字并不总是有效可用的而限定这个名字(变量)的可用性的代码范围就是这个名字的作用域可用有效的减少变量名冲突1、js的作用域(es6)之前:全局作用域,局部作用域2、全局作用域:整个script标签 或者是单独的JS文件3、局部作用域(函数作用域),在函数内部就是局部作用域,这个变量名只能在函数内部使用4、变量作用域根据作用域的不同,变量分为全局变量,局部变量 注意如果在函数内部没有声明直接赋值的变量也叫全局变量 函数的形参也是局部变量 全局变量:只有浏览器关闭的时候才会销毁,比较占内存 局部变量:当程序执行完毕就会销毁,比较节约内存5、现阶段JS没有块级作用域在es6中有块级作用域块级作用域 {} if{} for{}6、作用域链内部函数访问外部函数 采用的就是链式这种结果就是作用域链 (就近原则)二.预解析1、什么是预解析预解析在当前作用域下,js代码执行之前浏览器会把带有var和function关键字的提前进行声明(var只声明)或定义(function声明并定义)并在内存中安排好。然后再从上到下执行js语句。2、预解析的作用变量提升(Hoisting)在JS中浏览器会把定义在后面的(变量或函数)提升到前面当前作用域的top处。也就是说在当前作用域中我们在js代码未执行到声明之前就可以使用了var和function预解析的不同Varvar在预解释的时候只进行提前的声明,只要是通过var定义的不管变量或者函数都是赋值undefinedFunctionfunction在预解释的时候提前的声明和定义都完成了但是它储存数据的空间里存储的是字符串没有任何意义。三.作用域链JavaScript代码中至少有一个作用域, 即全局作用域。凡是代码中有函数那么这个函数就构成另一个作用域。如果函数中还有函数那么在这个作用域中就又可以诞生一个作用域。将这样的所有的作用域列出来可以形成的结构就称之为作用域链。四. 函数和变量提升1. 函数提升(函数预解析)函数的声明会被提升到当前作用域的最上面但是不会调用函数。2.变量提升(变量预解析)变量的声明会被提升到当前作用域的最上面变量的赋值不会提升。变量提升和函数提升基本上是面试必问题目下面我们针对这个例子解析一下我们知道变量和函数定义都会提升到作用域最前边唯一需要确认的是变量和函数的先后顺序我们预想 函数是用会不会提升到最前边呢按照我们预想的解析结果应该是// undefined // undefined // 报错理由 函数在上var在下第一个console时a未赋值其结果是undefinedif为false 只剩最后一个console也是undefined 最后a is not a function.不过结果是我机智的认为 预想错了这样对比一下结果人工解析结果 1、a() 2、1 3、1 4、a() 报错浏览器执行结果看到这里一切完美不过我还是重新搜索了一些高质量文章发现我错了虽然执行结果是对的不过浏览器和人工解析还是不一样的和我们最开始预想的一样函数优先。既然标题说到了变量 和 函数我们就一块来说说首先上边已经说到我们预想和认为的是错的。正确解析顺序是这样的但是这个但是很重要浏览器执行结果是why这就要讲讲我所了解到的原理。同名变量和函数函数会提升到最前边变量其次那为什么结果不是我们人工执行的undefined呢原因是 变量会被忽略是的是忽略。。。完美还有呢是的还有同名变量是怎样的顺序同名函数是怎样的顺序。同名变量同名变量声明会被提升后边会忽略。同名函数我想你已经猜到了同名函数会被覆盖。五.预解析中的一些变态机制不管条件是否成立都要把带var的进行提前的声明JavaScript进行预解析的时候会忽略所有if条件因为在ES6之前并没有块级作用域的概念。本例中会先将num预解析而预解析会将该变量添加到window中作为window的一个属性。那么 num in window 就返回true取反之后为false这时代码执行不会进入if块里面num也就没有被赋值最后console.log(num)输出为undefined。return下的代码依然会进行预解析函数体中return下面的代码虽然不再执行了但是需要进行预解析return中的代码都是我们的返回值所以不进行预解析。您的点赞是我继续下去的动力谢谢
