Rumah >hujung hadapan web >tutorial js >JS中的闭包详解

JS中的闭包详解

小云云
小云云asal
2018-03-26 15:55:261252semak imbas

本文主要和大家分享JS中的闭包详解,主要以代码的方式和大家讲解,希望能帮助到大家。

var n = 999;
function f1() {
  console.log(n);
}
f1() // 999

JavaScript有两种作用域:全局作用域和函数作用域。函数内部可以直接读取全局变量。函数 f1 可以读取全局变量 n。但是,在函数外部无法读取函数内部声明的变量。

function f1() {
  var n = 99;
}
console.log(n);

但是,有时我们却需要在函数外部访问函数内部的变量;正常情况下,这是办不到的,只有通过变通方法才能实现。那就是在函数的内部,再定义一个函数。

function f1() {
  var n = 999;
  var f2 = function() {
      console.log(n);
  }
return f2;
}
var f = f1();
f();

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

既然f2可以读取f1的局部变量, 那么只要把f2作为返回值, 我们不就可以在f1外部读取它的内部变量了。闭包就是函数f2,能够读取其他函数内部变量的函数。由于在JavaScript语言中,只有函数内部的子函数才能读取内部变量, 因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点,就是它可以“记住”诞生的环境, 比如f2记住了它诞生的环境f1, 所以从f2可以得到f1的内部变量。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。即闭包的最大用处有两个,一个是可以读取函数内部的变量,另一个就是让这些变量始终保持在内存中,即闭包可以使得它诞生环境一直存在;
相关推荐:

JS中的闭包简单解释

js中的闭包是如何使用的?

浅谈js中的闭包_javascript技巧

Atas ialah kandungan terperinci JS中的闭包详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:JS预加载图片的实现Artikel seterusnya:vue之搭建本地项目