Javascript笔记(一):闭包函数

遇到的问题

想做一个闹钟的控件,需要利用滚轮进行时间的增大与减小,同时也涉及一个循环数组的问题,简单描述为:

有一个数组[1,2,3],按空格键输出数组元素,当输出元素为3时,再按一次空格键则输出1

其实解决这个问题比较简单,利用取模的思想即可完成,学到的东西是在我问 gpt 的过程中,看到了一个有记忆的一个函数--闭包。

闭包介绍

在函数中封装一个私有变量,外部不能访问,并且让函数具有记忆性。

实例

  • 记忆性
javascript 复制代码
function incre_num(){
	let index = 0
	return function (){
		console.log(index)
		index++
	}
}
const print_incre_num = incre_num()
print_incre_num()
print_incre_num()
  • 如果不用变量来储存,则其内部函数无法被外部调用,所以返回的就是 function 的字符串
  • const 在此处的用法保证了 print_incre_num 不会被其他函数修改,导致功能失效。
  • 函数工厂
    避免了重复代码的出现,比如我需要写两个函数double()triple()double(x) 输出 x 的两倍, triple( x)输出 x 的三倍,代码如下:
javascript 复制代码
//常用写法
	function double(x){
	retrun x*2
	}
	function triple(x){
	return x*3
	}
// 函数工厂
function creat_func(x){
	return function(num){
		return num*x
		}
	}
const double = creat_func(2)
const triple = creat_func(3)
double(3)=6
triple(3)=9

可以看到double 的参数就是闭包函数里的内部函数的参数

相关推荐
予安灵16 分钟前
一文详细讲解Python(详细版一篇学会Python基础和网络安全)
开发语言·python
Lizhihao_24 分钟前
JAVA-堆 和 堆排序
java·开发语言
极客先躯29 分钟前
高级java每日一道面试题-2025年3月21日-微服务篇[Nacos篇]-什么是Nacos?
java·开发语言·微服务
lvbb6636 分钟前
框架修改思路
前端·javascript·vue.js
qq_4560016537 分钟前
43、接口请求需要时间,导致页面初始加载时会出现空白,影响用户体验
javascript·vue.js·ux
try again!43 分钟前
rollup.js 和 webpack
开发语言·javascript·webpack
逆袭的小黄鸭1 小时前
JavaScript:作用域与作用域链的底层逻辑
前端·javascript·面试
不要影响我叠Q1 小时前
《Fundamentals of Electromigration-Aware IntegratedCircuit Design》笔记
笔记
蒹葭苍苍8731 小时前
LoRA、QLoRA微调与Lama Factory
人工智能·笔记
FanetheDivine1 小时前
实现"选中表格项将元素加入集合"的动画效果
javascript·vue.js