如何从JavaScript中的对象键值返回数组?

时间:2012-01-14 20:14:16

标签: javascript jquery arrays object

所以我有以下代码:

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()。有没有办法让它返回我在那里的实际数组?

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

1 个答案:

答案 0 :(得分:4)

你想:

structures.loginStructure();

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

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