关于javascript:什么你告诉我作用域也分种类

思维导图

作用域分类

动态作用域（外围：写在哪儿）

不同的编程语言采纳的作用域品种也不同。js 应用的是动态作用域也就是词法作用域。另外一种叫作动静作用域，仍有一些编程语言在应用（比方 Bash 脚本、Perl 中的一些模式等）。

动静作用域（外围：在哪执行）

动静作用域在运行时被动静确定的，而不是在写代码时进行动态确定的模式。

function foo() {console.log(a); // 动态：2 动静：3
}
function bar() {
    var a = 3;
    foo();}
var a = 2;
bar();

动态作用域中：foo 函数就会找定义 foo 函数的作用域，去找到 a = 2。

动静作用域中：foo 函数就会找执行 foo 函数的作用域，去找到 a = 3。

词法阶段

词法作用域的定义

词法作用域就是定义在词法阶段的作用域。就是源代码写在哪个地位来决定的，一旦写下就作用域就确定了（除了坑骗词法）。

作用域气泡

相似套娃的玩具，这里借用《你不晓得的 js》的图。

1. 蕴含着整个全局作用域，其中只有一个标识符：foo。
2. 蕴含着 foo 所创立的作用域，其中有三个标识符：a、bar 和 b。
3. 蕴含着 bar 所创立的作用域，其中只有一个标识符：c。

查找

遮蔽效应

也就是就近准则，在最内侧的作用域里就能找到变量，就不会去找外侧作用域的同名变量，换句话就是，内侧作用域变量会笼罩外侧作用域同名变量。

全局变量

全局变量会主动成为全局对象（比方浏览器中的 window 对象）的属性，因而能够不间接通过全局对象的词法名称，而是间接地通过对全局对象属性的援用来对其进行拜访

var num = 0
function foo() {
    var num = 1;
    console.log(num); // 1
    function fxx() {
        let num = 2;
        console.log(num); // 2
        console.log(window.num); // 0
    }
    fxx();}
foo();

一级示意符

词法作用域查找只会查找一级标识符，比方 a、b 和 c。如果代码中援用了 foo.bar.baz，词法作用域查找只会试图查找 foo 标识符，找到这个变量后，对象属性拜访规定会别离接 管对 bar 和 baz 属性的拜访。

坑骗词法

坑骗词法作用域的办法会在词法分析器解决过后仍然能够批改作用域

eval

批改作用域

书写一段字符串作为 eval 函数的参数，就能够当做在最后就写在源代码地位了的“钉子户”。也就是以动静插入代码块到源代码的任意地位，达到批改早已决定了的作用域。

function foo(str, a) {eval(str); // 坑骗！console.log(a, b);
}
var b = 2;
foo("var b = 3;", 1); // 1, 3

引擎会认为最后咱们书写的代码是这样的

function foo(a) {
    var b = 3;
    console.log(a, b);
}
var b = 2;
foo(1); // 1, 3

无论何种状况，eval(..) 都能够在运行期批改书写期的词法作用域。

严格模式

留神： 在严格模式的程序中，eval(..) 在运行时有其本人的词法作用域，意味着其 中的申明无奈批改所在的作用域。

function foo(str) {
    "use strict";
    eval(str);
    console.log(a); // ReferenceError: a is not defined
}
foo("var a = 2");

setTimeout，setInterval，new Function

setTimeout(..) 和 setInterval(..) 的第一个参数能够是字符串，字符串的内容能够被解释为一段动静生成的 函数代码。这些性能曾经过期且并不被提倡。不要应用它们！（《你不晓得的 js》）

new Function(..) 函数的行为也很相似，最初一个参数能够承受代码字符串，并将其转 化为动静生成的函数

with

创立新的作用域

with 通常被当作反复援用同一个对象中的多个属性的快捷方式，能够不须要反复援用对象自身。

function foo(obj) {with (obj) {a = 2;}
}
var o1 = {a: 3,};
var o2 = {b: 3,};
foo(o1);
console.log(o1.a); // 2
foo(o2);
console.log(o2.a); // undefined
console.log(a); // 2——不好，a 被透露到全局作用域上了！

with 块能够将一个对象解决为词法作用域，然而这个块外部失常的 var 申明并不会被限度在这个块的作用域中，而是被增加到 with 所处的函数作用域中。

留神： 严格模式下 with 是禁用的。

性能

批改作用域会造成：

1、编译时的优化会生效

2、对标识符地位判断失败

小结：

坑骗词法作用域的办法会在词法分析器解决过后仍然能够批改作用域。然而 js 就是在编译时 js 引擎进行优化，一旦扭转了作用域那么这些优化大多也毁于一旦。

参考

《你不晓得的 js（上卷）》