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 的参数就是闭包函数里的内部函数的参数

相关推荐
EasyNTS1 小时前
H.264/H.265播放器EasyPlayer.js视频流媒体播放器关于websocket1006的异常断连
javascript·h.265·h.264
Theodore_10221 小时前
4 设计模式原则之接口隔离原则
java·开发语言·设计模式·java-ee·接口隔离原则·javaee
冰帝海岸2 小时前
01-spring security认证笔记
java·笔记·spring
活宝小娜2 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点2 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow2 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o2 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
----云烟----3 小时前
QT中QString类的各种使用
开发语言·qt
lsx2024063 小时前
SQL SELECT 语句:基础与进阶应用
开发语言
小二·3 小时前
java基础面试题笔记(基础篇)
java·笔记·python