所以我有以下代码:
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()
。有没有办法让它返回我在那里的实际数组?
它的目的是将多个数组定义为对象键,如果可以返回这样的东西,因为它看起来更容易。或者有更好的方法吗?
答案 0 :(得分:4)
你想:
structures.loginStructure();
structures.loginStructure
只是返回对函数的引用,而不是执行函数并返回其结果。将()
添加到它的末尾以执行它并返回其结果。
或者,也许更好,不要把它写成一个函数。只需声明loginStructure: ['<form name...
即可。基本上,只需删除function(){return structure =
即可。这里要注意的一个重要区别是,opts的任何值都会被立即评估,而不是延迟到稍后才会执行函数 - 所以请不要盲目地将代码更新为此。