javascript之作用域-优快云博客

js的作用域

作用域(scope)指的是变量存在的范围。在ES5的规范中，JavaScript只有两种作用域，一种是全局作用域，变量在整个程序中一直存在，所有地方都可以读取。一种是函数作用域，变量只在函数内部存在。 ES6中又引入了块级作用域的概念。

全局作用域

函数外部的变量就是全局作用域，它可以在函数内部读取

var v = 1;
function f(){
    console.log(v)
}
f() //1
复制代码

上面的代码表明，函数f内部可以读取全局变量v

函数作用域

在函数内部定义的变量，外部无法读取，称为局部变量

function f(){
    var v = 1;
}
v //Uncaught ReferenceError: v is not defined
复制代码

上面代码中，变量v在函数内部定义，所以是一个局部变量，函数之外就无法读取

与作用域相关的知识点

1 立即执行函数

这是 JS 中的一个常见概念，面试时经常会被问到，请「用自己的语言」简述

立即执行函数是什么
立即执行函数有什么用途

1.1立即执行函数是什么

声明一个匿名函数
马上调用这个匿名函数

上面是一个典型的立即执行函数。

首先声明一个匿名函数 function(){alert('我是匿名函数')}。
然后在匿名函数后面接一对括号 ()，调用这个匿名函数。

那么为什么还要用另一对括号把匿名函数包起来呢？ 其实是为了兼容 JS 的语法。如果我们不加另一对括号，直接写成

function(){alert('我是匿名函数')}()
复制代码

浏览器会报语法错误。想要通过浏览器的语法检查，必须加点小东西，比如下面几种

1.2立即执行函数有什么用

只有一个作用：创建一个独立的作用域。这个作用域里面的变量，外面访问不到（即避免「变量污染」）。以一个著名的面试题为例：

为什么 alert 的总是 6 呢，因为 i 是贯穿整个作用域的，而不是给每个 li 分配了一个 i，如下：

那么怎么解决这个问题呢？用立即执行函数给每个 li 创造一个独立作用域即可（当然还有其他办法）：

在立即执行函数执行的时候，i 的值被赋值给 ii，此后 ii 的值一直不变。 i 的值从 0 变化到 5，对应 6 个立即执行函数，这 6 个立即执行函数里面的 ii 「分别」是 0、1、2、3、4、5。以上，就是立即执行函数的基本概念。

2 闭包

什么是闭包
闭包的作用

function f1(){
    var v = 99;
}
v //Uncaught ReferenceError: v is not defined
复制代码

f1函数内的变量v ，函数外无法读取

如果某些场景确实需要读取函数内的变量，如何办到？ 答案：在函数内部，再定义一个函数

function f1(){
    var v = 99;
    function f2(){
        return v
    }
    return f2
}
var v1 = f1();
console.log(v1())
复制代码

上面代码中，函数f2就在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量，对f1就是不可见的。这就是 JavaScript 语言特有的”链式作用域”结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立

2.1什么是闭包

闭包就是函数f2，即能够读取其他函数内部变量的函数。
在js中只有函数内部的子函数才能读取内部的变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”
在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁

2.2闭包由什么用

读取其它函数内部的变量
让这些变量始终保持在内存中(即闭包可以使得它诞生环境一直存在)

请看下面的例子，闭包使得内部变量记住上一次调用时的运算结果

function createIncrementor(start) {
  return function () {
    return start++;
  };
}
var inc = createIncrementor(5);

inc() // 5
inc() // 6
inc() // 7
复制代码