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

相关推荐
编码小袁11 分钟前
PHP:通往动态Web开发世界的桥梁
开发语言·前端·php
_处女座程序员的日常1 小时前
Rollup failed to resolve import “destr“ from ***/node_modules/pinia-plugin-pers
javascript·uni-app·vue
翔云API3 小时前
PHP开发示例-vin码识别接口-引领汽车行业数字化新风向
开发语言·php
ac-er88883 小时前
如何对PHP的API接口权限认证
开发语言·php
菜鸟、小高3 小时前
从0开始学PHP面向对象内容之(常用魔术方法续一)
开发语言·php
IT19953 小时前
Linux笔记-对Linux环境变量的进一步认识(2024-08-09)
linux·运维·笔记·运维开发
yezipi耶不耶3 小时前
Rust 所有权机制
开发语言·后端·rust
阿征学IT5 小时前
vue 计算属性get set
前端·javascript·vue.js
Amo Xiang5 小时前
2024最新版JavaScript逆向爬虫教程-------基础篇之Chrome开发者工具学习
javascript·chrome·爬虫·js逆向
六月悉茗5 小时前
【C语言 - 简易架构】
c语言·开发语言