关键词：
在前一篇文章中，我们把作用域定义为”管理、维护变量的一套规则”，接下来是时候来深入讨论一下Js的作用域问题了，首先我们要知道作用域一般有两种主要的工作类型，一种是词法作用域，一种是动态作用域， Javascript采用的是词法作用域， 关于动态作用域的有兴趣的可以自行Google。
1.词法阶段
首先我们要理解”词法阶段”这个词语，我们已经了解到Js存在一个编译阶段，编译阶段的第一步就是分词/词法分析，我们可以简称为”词法阶段”
简单来说,词法作用域就是定义在词法阶段的作用域,词法作用域是你在写代码时把变量和块作用域写在哪里来决定的,词法分析器处理代码后,在大部分情况下会保持作用域不变。我们需要注意以下几点:
a.当引擎需要查询变量时,总是从当前作用域开始查找
b.作用域查找会在找到第一个匹配的标识符时停止
c.遮蔽效益(内部的标识符”遮蔽”了外部的标识符)
d.全局变量会自动成为全局对象的属性,通过这种技术可以间接的访问那些被遮蔽的全局变量
e.无论函数在哪里被调用,也无论它如何被调用,它的词法作用域也只由它被声明的位置决定
f.词法作用域之会查找一级标识符，比如a、b、c。如果代码中引用了foo.bar.baz，词法作用域只会试图查找foo标识符，然后在使用对象属性访问规则进行对bar以及baz的访问
2.欺骗词法
我们有时可以使用一些语句对词法作用域进行欺骗，但是要注意的一点:欺骗词法作用域会导致性能下降
2.1 eval()
eval() 接受一个字符串参数,将这段字符串视作Javascript执行
在严格模式下,eval()中的代码有自己的词法作用域,因此其中的声明无法修改作用域外的代码的效果,而在非严格模式下,eval()中的代码可以修改eval()方法所在的作用域,即eval()方法中的所有声明与eval()方法处于同一个词法作用域,因而可以修改最终的效果。
new Function(...) 类似,将对传入的字符串动态生成函数，因此不作过多阐述。
2.2 with()
with(obj){ … } 实质上是创建了或者指向了obj中的词法作用域,在这个作用域中,所有的声明在被引擎执行时,都会在这个作用域中查找,如果查找不到,会在obj的上一层作用域继续查找,但是,当如果一直到顶层的全局作用域还没有找到时,会创建一个全局变量。并且,with在严格模式下被完全禁止运行。
2.3 性能
eval() 和 with() 会在运行时修改或创建作用域,以此来欺骗其他词法作用域。但是会极大的降低代码的运行效率,有可能之前对代码进行的优化会全部无效,使得代码的运行变得很慢。
你不知道的javascript-上卷の读书笔记
...; 1— 作用域对JavaScript而言，大部分情况下编译发生 查看详情
你不知道的javascript--上卷--读书笔记1
作用域是什么？ 答：在《你不知道的javascript》书中提到，作用域就是根据名称查找变量的一套规则。古语有“无规矩不成方圆”，但是没有方圆，规矩又给谁用？所以个人理解作用域就是“规矩”+”方圆“。作用域是在创... 查看详情
你不知道的javascript--上卷--读书笔记2
...以访问它们被定义时所处的作用域中的任何变量，这就是JavaScript的闭包。闭包有哪些应用？ 答：函数作为返回值：functionfoo(){vara=2;functionbar(){//bar拥有涵盖foo作用域的闭包，并对它保持 查看详情
javascript中的this—你不知道的javascript上卷读书笔记
this是什么？this是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。当一个函数被调用时，会创建一个活动记录（有时... 查看详情
你不知道的javascript上卷-读书笔记-第2章词法作用域-2.2欺骗词法(代码片段)
你不知道的JavaScript上卷-读书笔记-第2章词法作用域-2.2欺骗词法作用域`eval`和`with`的缺点作用域JavaScript在ES6以前只有函数作用域。ES6开始支持块作用域:通常就是包裹的范围作用域中查找变量or函数的规则是从当前向... 查看详情
你不知道的javascript上卷-读书笔记-第2章词法作用域-2.2欺骗词法(代码片段)
你不知道的JavaScript上卷-读书笔记-第2章词法作用域-2.2欺骗词法作用域`eval`和`with`的缺点作用域JavaScript在ES6以前只有函数作用域。ES6开始支持块作用域:通常就是包裹的范围作用域中查找变量or函数的规则是从当前向... 查看详情
读书笔记你不知道的javascript（上卷）--作用域是什么
...1、理解作用域几个名词的介绍引擎：从头到尾负责整个JavaScript程序的编译及执行过程编译器：负责语法分析及代码生成器等脏活累活作用域：负责收集并维护由所有声明的标识符（变量）组成的一系列查询，并实施一套非常严... 查看详情
读书笔记《你不知道的javascript（上卷）》——第二部分this和对象原型(代码片段)
文章目录第6章行为委托6.1面向委托的设计6.1.1类理论6.1.2委托理论1．互相委托（禁止）2．调试6.1.3比较思维模型6.2类与对象6.2.1控件“类”ES6的class语法糖6.2.2委托控件对象6.3更简洁的设计反类6.4更好的语法反词法6... 查看详情
《你不知道的javascript上卷》学习笔记(代码片段)
第一部分：作用域和闭包一、作用域1.作用域：存储并查找变量的规则2.源代码在执行之前（编译）会经历三个步骤：分词/此法分析：将代码字符串分解成有意义的代码块（词法单元）解析/语法分析：将词法单元流转换成抽象语... 查看详情
你不知道的javascript中，读书笔记
七种内置类型null,undefined,boolean,number,string,object,symboltypeofnull===‘object‘//truenull是typeof是object的唯一的假值typeoffunction会返回‘function‘使用typeofx!==‘undefined‘比直接判断x更加安全，因为不会引发referenceerror 查看详情
你不知道的javascript（上卷）小结
上卷主要讲了作用域、闭包、this以及原型方面的内容。整体在github上瞥了一眼了原版的ydkjs，到目前修改篇幅有点大了，this和原型部分的目录已经不见了，应该是改动不少。说说本书的小缺点，一是，有些东西已经和实际不一... 查看详情
你不知道的javascript（上卷卷）笔记
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>你不知道的javascript（上卷）</title></head><body></body></html> 查看详情
你不知道的javascript（上卷）pdf
...sp; 内容简介 · · · · · ·JavaScript语言有很多复杂的概念，但却用简单的方式体现出来（比如回调函数），因此，JavaScript开发者无需理解语言内部的原理，就能编写出功能全面的程序；就像收音机... 查看详情
你不知道的javascript(上卷)
第一部分作用域和闭包第1章作用域是什么 1.1编译原理 1.2理解作用域 1.2.1演员表 1.2.2对话 1.2.3编译器有话说 1.2.4引擎和作用域的对话 1.2.5小测验 1.3作用域嵌套 1.4异常 1... 查看详情
读书笔记-你不知道的js中-promise
继续填坑模式 考虑下面的代码：functionfn(x){//dosomethingreturnnewPromise(function(resolve,reject){//调用resolve(..)和reject(...)});}varp=fn(2); newPromise(..)模式通常称为revealingconstructor。传入函数会立即执行(不会像then(..)中的回调一样异步延 查看详情
读书笔记-你不知道的js上-对象
好想要对象··· 函数的调用位置不同会造成this绑定对象不同。但是对象到底是什么，为什么要绑定他们呢？（可以可以，我也不太懂） 语法 对象声明有两个形式： 1、字面量=>varobj={...}; 2、构造形式=&g... 查看详情
读书笔记-你不知道的js上-闭包与模块
闭包定义 当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。 看一段最简单的闭包代码：functionfoo(){vara=2;//闭包functionbar(){console.log(a);}returnbar;}//理论上foo执行完内部... 查看详情
《javascript设计模式》读书笔记二（封装和隐藏信息）
...你会看电视，可是你不知道电视的内部结构一样。可是在javascript中没有不论什么内置的机制。所以我们还 查看详情