函数运行期间出现奇怪的错误

Question

我有以下功能：

var appendStructure = {

        init : function(wrapper,structure,cls,callback) {

            $(wrapper).appendTo(container).hide()
            var object = $(container).find(cls);
            $(structure.join('')).appendTo(object);
            showObj(object,function() {
                if(opts.centerObj == true) {
                    $(window).resize(function() {
                        var cssProps = getProps(object);
                        object.css(cssProps);
                    });
                }
                if(typeof callback == 'function') {
                    callback();
                }
            });

        }
}

以及其中调用的其他函数：

var getProps = function(obj) {
    return {
        'position' :'absolute',
        'top' : (($(window).height() - $(obj).outerHeight()) / 2)+'px',
        'left' : (($(window).width() - $(obj).outerWidth()) / 2)+'px'
    }
}

var showObj = function(obj,callback) {
    return setTimeout(function () {
        if(opts.centerObj == true) {
            var cssProps = getProps(obj);
            obj.css(cssProps).fadeIn('slow');
        }
            else {
                obj.fadeIn('slow');
            }
        if(typeof callback == 'function') {
            callback();
        }
    }, 1500);
}

我像这样运行函数：

if(appendStructure.init(wrapper.login,structure.login,'.content-login')){
        console.log('Object Appended'); 
    }
        else {
            console.log('Error');   
        }

我的问题是，为什么控制台会输出Error，因为该功能确实有效，并且假设发生的一切都发生了？

Answer 1

appendStructure.init 没有return 任何值，因此返回值将是undefined。 undefined 的计算结果为 false，因此您的 if...else 语句的 else 分支将被执行。