JS闭包由浅入深(热身一下)

2019-03-06 23:37:59 阅读：262 来源： 互联网

标签：闭包由浅入深函数作用域 nest JS scope local checkScope

首先我们需要准备一些前置知识: 变量的作用域和变量的作用域链
闭包前言：和大多数编程语言一样,javascript也采用词法作用域.也就是说,函数的执行依赖于变量的作用域,这个作用域是在函数定义时决定的,而不是函数调用的时候决定的。为了实现这种词法作用域, javascript函数对象的内部状态不仅包含函数的代码逻辑,还必须引用当前的作用域链。函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中称为“闭包”
理解闭包首先要了解嵌套函数的词法作用域规则。看一下这段代码:
```
var scope = 'global scope';
function checkScope() {
    var scope = 'local Scopr';
    function nest() {
        return scope;
    }
    return nest()
}
checkScope() 
```
checkScope()函数声明了一个局部变量,并且定义了函数nest(), 函数返回了这个局部变量的值,最后将nest()的结果返回。我们应当非常清楚为什么调用checkScope()函数返回的是local scopr。现在我们对代码稍作改动。
```
var scope = 'global scope';
function checkScope() {
    var scope = 'local Scopr';
    function nest() {
        return scope;
    }
    return nest
}
checkScope()() 
```
在这段代码中,我们将括号已到了checkScope()函数的后面。checkScope()返回的仅仅是一个函数对象,而不是直接返回结果。那么我们在定义函数的作用域外部调用这个嵌套的函数对象会发生什么事情呢？嵌套函数nest()定义在这个作用域里面，其中scope是局部变量。而在函数内部局部变量的优先级是高于全局变量的,所以不管在何时何地执行该嵌套函数时,返回的都是local Scopr。

标签：闭包,由浅入深,函数,作用域,nest,JS,scope,local,checkScope
来源： https://www.cnblogs.com/xiaogua/p/10486910.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JS闭包由浅入深(热身一下)