JavaScript技术问题：如何将父函数参数传递给带回调的子函数（PayPal按钮表单验证场景）

这个问题的核心是作用域和闭包的问题——你的onSuccess和onFailure回调在异步的$.post请求完成后才执行，需要确保它们能访问到PayPal传入的actions对象。下面给你两种简单可行的解决方案：

方案一：利用闭包直接捕获actions（最简洁） #

在onClick回调内部定义的匿名函数会自动捕获外部的actions变量，即使异步操作完成后调用，也能正常访问。只需要修改onClick的代码即可，不需要改动validateFormData函数：

onClick: function (data, actions) {
    // 这里的actions会被闭包捕获，异步回调依然能访问
    validateFormData(null, function () {
        return actions.resolve(); // 现在可以正常调用了
    }, function () {
        return actions.reject();
    });
}

原理是JavaScript的闭包特性：内部函数（onSuccess/onFailure）会保留对外部函数（onClick）作用域中变量的引用，哪怕外部函数已经执行完毕，只要内部函数还没执行，变量就不会被回收。

方案二：通过参数传递actions（更显式，适合复杂场景） #

如果你担心闭包可能带来的作用域问题，或者需要在多个地方复用验证逻辑，可以修改validateFormData函数，让它接收actions参数，并在调用回调时传递：

第一步：修改validateFormData函数 #

增加一个paypalActions参数，在success回调中把它传给onSuccess/onFailure：

function validateFormData(beforeSend, onSuccess, onFailure, paypalActions) {
    $.post({
        url: 'myurl',
        dataType: 'json',
        data: getFormData(),
        beforeSend: function () {
            clearFormValidationErrors();
            if (beforeSend != null) {
                beforeSend();
            }
        },
        success: function (response) {
            if (!response.success && response.data.validation_error) {
                showFormValidationErrors(response.data.validation_fields);
                onFailure(paypalActions); // 传递actions
            } else if (response.success) {
                onSuccess(paypalActions); // 传递actions
            }
        }
    })
}

第二步：修改onClick回调 #

调用validateFormData时传入actions，并在回调中接收：

onClick: function (data, actions) {
    validateFormData(null, function (paypalActions) {
        return paypalActions.resolve();
    }, function (paypalActions) {
        return paypalActions.reject();
    }, actions);
}

这种方式更显式，适合团队协作或者逻辑更复杂的场景，让代码的依赖关系更清晰。

两种方案都能解决你遇到的actions未定义的问题，你可以根据自己的代码风格和场景选择。

内容的提问来源于stack exchange，提问作者SebaSbs