分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

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

发布时间:2023-09-06 02:34责任编辑:顾先生关键词:闭包
  • 首先我们需要准备一些前置知识: 变量的作用域和变量的作用域链
  • 闭包前言:和大多数编程语言一样,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。

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

原文地址:https://www.cnblogs.com/xiaogua/p/10486910.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved