分享web开发知识

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

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

js 关于闭包的小总结

发布时间:2023-09-06 01:35责任编辑:熊小新关键词:js闭包

什么是闭包

闭包就是能够读取其他函数内部变量的函数;

闭包表现为一个函数内嵌在另一个函数中;其实质是作用域的‘传递’;

作用域是你的代码在运行时,各个变量、函数和对象的可访问性;

应当知道,在js中只有两种作用域,全局作用域和局部(函数)作用域;作用域存在包含关系,在一个作用域中定义了一个新的作用域(函数),那么新的作用域中的变量可以访问外层作用域,但是外层的作用域中的变量不可以访问内层的作用域。而闭包提供了一种由外层作用域访问内层作用域变量的方式

怎么实现一个闭包

既然知道闭包的实质是作用域的‘传递’,那么实现的方式就是函数对象的传递:

// ?函数作为参数传入var a=3function func1() { ?return ?a+1}function func2(func){var a=2return func()}func2(func1) ????// ?返回4

  

// 函数作为结果传出function func1 (){var a=3return {setter:function(val){a=val},getter:function(){return a}}}var b=func1()b.setter(2)b.getter() // 2 

 

闭包的作用

1.使变量仍然保留在内存中,不被垃圾回收

2.读取函数内部的变量

闭包的有趣的代码例子

function func1() { ???var arr = [] ???for (var i = 0; i < 5; i++) { ???????arr[i] = function() { ???????????alert(i) ???????} ???} ???return arr}var arr1 = func1()arr1[1]() ?// ?5arr1[2]() ?// ?5

  上面的代码最终结果都是5;是由于在执行arr[i]这个函数的时候的i一直都是5。解决这个问题的办法就是用立即执行函数包裹,把i作为参数传入

function func1() { ???var arr = [] ???for (var i = 0; i < 5; i++) { ???????arr[i] = (function(i) { ???????????return function() { ???????????????alert(i) ???????????} ???????})(i) ???} ???return arr}var arr1 = func1()arr1[1]() ??// ?1arr1[2]() ??// ?2

  

js 关于闭包的小总结

原文地址:https://www.cnblogs.com/bianruoyu/p/8257714.html

知识推荐

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