实现只执行一次的函数-仿支付

最新推荐文章于 2026-03-01 16:24:12 发布

原创最新推荐文章于 2026-03-01 16:24:12 发布 · 317 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一次函数的概念及其实现方式，通过将函数包装为只允许首次调用的形式，有效防止了如表单提交、支付等操作的重复执行，确保功能执行的一次性。

// 高阶函数 - 函数作为返回值

// once 函数
function once (fn) {
    let done = false 
    return function () {
        if(!done) {
            done = true
            return fn.apply(this, arguments)
        }
    } 
}

let pay = once(function (money) {
    //实现功能的逻辑代码
    console.log(`支付了${money}RMB`)
})

pay(5) //支付了5 RMB
pay(5) 
pay(5) 
pay(5) 
pay(5)

可以看到无论调用多少次once 只有第一次打印了一次，这个功能可用在表单提交/支付等方面