Js文件

Question

任何人都可以逐行解释，我不知道这个回调和原型是如何工作的尤其是js文件中的函数（回调）

user.getUsers(function (theUsers) {
     $('#users-table-wrapper').html(user.getATable(theUsers));
});

HTML中的这部分

Js文件

function User () {

}
User.prototype.getUsers = function (callback) {
    $.ajax({
        url: 'posting.php',
        data: {
            request:'get-users'
        },
        type:'post',
        dataType: 'json',
        success: function(users){
//            callback(users);
            if (callback) { callback(users); }
        }
    });
}

这是我的index.html

未声明用户但仍然有效。当我输入funcion（theUser）据我所知，用户是一个参数或参数。它必须在某个地方宣布。

似乎它们都不是......这是如何工作的？

<!DOCTYPE html>
<html>
<head>
    <title>Users</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="User.js"></script>
    <script>
        $(function () {
            var user = new User();
            user.getUsers(function (theUsers) {
                $('#users-table-wrapper').html(user.getATable(theUsers));
            });
        });   
    </script>
</head>
<body>
    <div class='main-wrapper'>
        <h3>Users</h3>
       <div id="users-table-wrapper">
       </div>
    </div>    
</body>
</html>

Answer 1

theUsers是您作为回调提供的匿名函数的参数：

function (theUsers) {
 $('#users-table-wrapper').html(user.getATable(theUsers));
});

在User.getUsers的成功方法中，您会看到它的工作方式如下：

success: function(users){
            if (callback) { callback(users); }
        }

因此，如果AJAX调用成功并且定义了回调，则包含成功检索的数据的users参数将作为第一个参数传递给回调函数。由于第一个参数在匿名回调定义中被命名为theUsers，因此它在方法中的显示方式，使其可用于user.getATable(theUsers)。

Answer 2

theUser是函数的命名参数。

调用函数时，它获取传递的第一个参数的值你在这里调用这个功能：

callback(users);

这个javascript回调函数如何工作？

Js文件

似乎它们都不是......这是如何工作的？

2 个答案: