如何递归地从自身调用$.extend对象



基本上,我试图在jQuery上编写一个生成随机数的扩展,但希望能够不添加已经生成的数字和列表中的数字,这样就不会再添加了,所以决定使用$.extend

jQuery(document).ready(function ($) {
    $.extend({
        randomNumber: function (checks) {
            var checks = checks || [];
            // Generate random number and store it in rand variable.
            if (checks.length > 0) {
                if ($.inArray(rand, checks) !== -1) {
                    this.randomNumber(checks); // This bit does not work, how to call this function again?
                }
            }
            return rand;
        }
    });

所以this.randomNumber不是一个函数,我不知道如何调用这个函数来递归。请帮忙吗?

您实际询问的问题的答案是为函数命名:

jQuery(document).ready(function($) {
    $.extend({
        randomNumber: function randomNumber(checks) {
        // Here ---------------^
            var checks = checks || [];
            // Generate random number and store it in rand variable.
            if (checks.length > 0)
            {
                if($.inArray(rand, checks) !== -1) {
                     randomNumber(checks);  // <=== No `this`
                }
            }
            return rand;
       }
});

这被称为命名函数表达式(NFE),它是一个为函数命名的函数表达式(而不是声明)。这个名字在函数范围内,但不在函数范围外。几年前,Safari和IE都有。。。isus。。。NFE,但Safari的问题被解决了很多很多版本。IE8仍然存在NFE的IE问题,但它不会影响上述问题,并且在IE9+中得到了修复。


不相关,但您可能还需要使用递归调用的返回值。如果没有提供给您,则无需创建checks阵列:

jQuery(document).ready(function($) {
    $.extend({
        randomNumber: function randomNumber(checks) {
            var rand = /* Generate random number */;
            if (checks && $.inArray(rand, checks) !== -1) {
                 rand = randomNumber(checks);
            }
            return rand;
       }
});

正如Yeldar所指出的,你不需要递归:

jQuery(document).ready(function($) {
    $.extend({
        randomNumber: function(checks) {
            var rand;
            do {
                rand = /* Generate random number */;
            } while (checks && $.inArray(rand, checks) !== -1);
            return rand;
       }
});

非常容易地使用这个:

jQuery(document).ready(function($) {
    $.extend({
        randomNumber: function randomNumber(checks) { // named function
            var checks = checks || [];
            // Generate random number and store it in rand variable.
            if (checks.length > 0)
            {
                if($.inArray(rand, checks) !== -1) {
                     /*return*/ randomNumber(checks); // named function is available here, maybe return the value??
                }
            }
            return rand;
       }
});

正如@Crowder的回答所提到的,也许还需要返回(添加在评论中)

最新更新