javascript - 如何从 JavaScript 中的对象键值返回数组？

Question

所以我有以下一段代码:

var structures = {

    loginStructure : function(){

        return structure = [
            '<form name="',opts.formClass,'" class="',opts.formClass,'" method="post" action="#">',
                '<fieldset class="',opts.fieldsWrapper,'">',
                    '<fieldset class="',opts.userWrapper,'">',
                        '<label for="',opts.userInt,'" class="',opts.userLbl,'"><img src="',opts.userIcon,'" alt="',opts.userName,'" /></label>',
                        '<input type="text" name="',opts.userInt,'" class="',opts.userInt,'" placeholder="',checkNameLenght(opts.userName,namesLenght.userNameLenght,16,'Username'),'" value="" autocomplete="off" />',
                    '</fieldset>',
                    '<fieldset class="',opts.passWrapper,'">',
                        '<label for="',opts.passInt,'" class="',opts.passLbl,'"><img src="',opts.passIcon,'" alt="',opts.passName,'" /></label>',
                        '<input type="password" name="',opts.passInt,'" class="',opts.passInt,'" placeholder="',checkNameLenght(opts.passName,namesLenght.passNameLenght,16,'Password'),'" value="" autocomplete="off" />',
                    '</fieldset>',
                    '<fieldset class="',opts.btnWrapper,'">',
                        '<button type="submit" name="',opts.btnInt,'" class="',opts.btnInt,'">',checkNameLenght(opts.btnName,namesLenght.btnNameLenght,7,'Login'),'</button>',
                    '</fieldset>',
                '</fieldset>',
                '<div class="toogle-button">',
                    '<ul class="inside">',
                        '<li class="toogle"><a><img src="assets/gfx/toogle.png" alt="Back" /></a></li>',
                    '</ul>',
                '</div>',
            '</form>',
            '<div class="toogle-buttons">',
            '</div>'
        ];
    }

}

这将返回(如果我执行 console.log(structures.loginStructure) )只是一个 function()。有没有办法让它返回我在其中的实际数组？

它的目的是将多个数组定义为对象键，如果有可能返回这样的东西，因为它看起来更容易。或者有更好的方法吗？

Answer 1

你想要:

structures.loginStructure();

structures.loginStructure只是简单地返回对函数的引用，而不是执行函数并返回其结果。添加()到它的末尾执行它并返回它的结果。

或者，也许更好，不要将它写成一个函数。只需声明 loginStructure: ['<form name... .基本上，只需删除 function(){return structure = .这里要注意的一个显着区别是，opts 的任何值都将立即计算，而不是推迟到稍后执行 then 函数时才计算 - 所以请不要盲目地将代码更新为此。