闭包的原理跟作用

简介: 闭包的原理跟作用

闭包及原理

概念

一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包closure)。大白话也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域

function fn() {
  var a = 10
  return function getData() {
    return a
  }
}
var getData = fn()
var a1 = getData()


原理

闭包的原理就是利用作用域链的特性,首先在当前作用域访问数据,当前作用域访问不到,则向父级访问,父级也没有,一直找到全局。


作用

数据私有化,防止污染全局

var a = 10
function fn() {
  console.log(a)
}
console.log(a)

将闭包代码修改后也同样可以访问到 a 数据,但是此时 a 的数据在全局,全局可以直接对 a 数据进行修改,而且全局也多了一个 a 这个数据,要尽量避免直接将数据直接放到全局


缺点

闭包会造成内存泄漏,因为闭包的数据没有被回收

function fn() {
  var a = 10
  return function getData() {
    return a
  }
}
var getData = fn()
var a1 = getData()


解决方案:将全局指向的函数重新置为 null,利用标记清除的特性

function fn() {
  var a = 10
  return function getData() {
    return a
  }
}
var getData = fn()
getData = null



目录
相关文章
|
7月前
|
开发框架 .NET 编译器
C# 9.0中的静态匿名函数:引入static关键字的新用法
【1月更文挑战第15天】C# 9.0为匿名函数带来了一个新的修饰符static,允许开发者明确指定匿名函数不会捕获其包含作用域中的任何变量。这一特性增强了代码的性能和可读性,同时减少了因不小心捕获变量而导致的潜在错误。本文将详细探讨C# 9.0中静态匿名函数的语法、使用场景以及它们如何影响代码的性能和安全性。
|
2月前
|
存储 前端开发 JavaScript
前端必备知识:闭包的概念、作用与应用
前端必备知识:闭包的概念、作用与应用
25 1
|
4月前
|
自然语言处理 JavaScript 前端开发
什么是闭包,它有什么作用
【8月更文挑战第2天】什么是闭包,它有什么作用
73 9
|
7月前
|
自然语言处理
闭包的工作原理
闭包是函数及其相关引用环境的组合,允许函数在外部调用时仍能访问词法作用域内的变量。当内部函数定义并捕获其创建时的作用域后,即使词法环境销毁,函数仍可通过闭包保持对变量的引用。
|
自然语言处理 前端开发 JavaScript
前端经典面试题 | 闭包的作用和原理
前端经典面试题 | 闭包的作用和原理
|
7月前
|
JavaScript 前端开发
闭包的工作原理是什么?
【1月更文挑战第16天】
55 2
|
7月前
|
自然语言处理 JavaScript 前端开发
JavaScript开发基础问题:如何理解闭包及其作用?
JavaScript开发基础问题:如何理解闭包及其作用?
64 5
|
7月前
|
存储 缓存 自然语言处理
【面试题】深入理解闭包的形成过程及应用!
【面试题】深入理解闭包的形成过程及应用!
|
7月前
闭包的理解 使用场景 优缺点 如何避免闭包
闭包的理解 使用场景 优缺点 如何避免闭包
77 0
|
Web App开发 JavaScript 前端开发
应该如何理解闭包
应该如何理解闭包
应该如何理解闭包