javascript - 在返回之前使用函数

Question

这个问题已经有答案了:

Defining functions after return (1 个回答)

已关闭 5 年前。

您好，我正在查看 React Redux 中的一个示例，在操作文件中我看到了这个函数

function login(email, password) {
    return dispatch => {
        dispatch(request({ email }));

        userService.login(email, password)
            .then(
                data => {
                    dispatch(success(data.user));
                    history.push('/');
                },
                error => {
                    dispatch(failure(error));
                    dispatch(alertActions.error(error));
                }
            );
    };

    function request(user) { return { type: userConstants.LOGIN_REQUEST, user } }
    function success(user) { return { type: userConstants.LOGIN_SUCCESS, user } }
    function failure(error) { return { type: userConstants.LOGIN_FAILURE, error } }
}

很明显，这个函数正在返回调度文件来调用reducer我唯一不正确理解的部分是它如何在返回后定义一些函数并在返回中使用它。该功能运行正常，但如果我可以做一些改进，请告诉我。

Answer 1

尽管函数是在使用后声明的，但它仍然是合法的，如 function(不是箭头函数)和 var(不是 let或 const) 被提升到 block 的开头，以便代码有效。

function login(email, password) {
    function request(user) { return { type: userConstants.LOGIN_REQUEST, user } }
    function success(user) { return { type: userConstants.LOGIN_SUCCESS, user } }
    function failure(error) { return { type: userConstants.LOGIN_FAILURE, error } }

    return dispatch => {
        dispatch(request({ email }));

        userService.login(email, password)
            .then(
                data => {
                    dispatch(success(data.user));
                    history.push('/');
                },
                error => {
                    dispatch(failure(error));
                    dispatch(alertActions.error(error));
                }
            );
    };
}

MDN 有一个article of hoisting