Question

我正在使用requireJS，需要根据条件a == true更改所请求的文件数。

目前我正在这样做，这不起作用：

// ok
var  baseRequestWidgets = $('html').attr('init') != true 
    ?  [ "text!../tmp/page/tmp_page_header_generic.html"
        ,"text!../tmp/page/tmp_page_header_specific.html"       
        ,"text!../tmp/widgets/tmp_widget_header.html"
        ,"text!../tmp/widgets/tmp_widget_navbar.html"
        ,"text!../tmp/page/tmp_page_footer.html"
        ]
    :  [ "text!../tmp/widgets/tmp_widget_header.html"
        ,"text!../tmp/widgets/tmp_widget_navbar.html"
        ]
// not ok
    , baseRequestObjects = $('html').attr('init') != true 
    ?  page_header_generic, page_header_specfic, page_widget_header, page_widget_navbar, page_footer 
    : page_widget_header, page_widget_navbar 


    require( baseRequestWidgets, function( baseRequestObjects
                                                /*
                                                  page_header_generic
                                                , page_header_specfic
                                                , page_widget_header
                                                , page_widget_navbar
                                                , page_footer 
                                                */
                                                ){ ... }

问题是我无法使用baseRequestObjects将对象传递给函数。正确请求文件，但baseRequestObjects不起作用。

问题：
我有什么想法我做错了吗？谢谢！

修改：
我得到的错误是page_header_generic is not defined，所以我假设我的page_header_generic声明是在请求基础文件之前完成的？

修改：
更接近...... RequireJS采用baseRequestObjects来存储第一个请求的文件，实际上它是一个占位符，用于可变数量的请求文件。

所以问题应该是： 当包含x个对象名称的placholder被误解为单独的占位符名称时，如何将动态数量的对象名称传递给requireJS？

修改
所以这有效，不确定我喜欢它，因为我什么也没有通过......

var baseRequestWidgets = function(trigger){
    var passBack;
    if ( trigger == "true" ){
        passBack = [     "text!../tmp/widgets/tmp_widget_header.html"
                        ,"text!../tmp/widgets/tmp_widget_navbar.html"
                    ];
                    } else {
        passBack = [     "text!../tmp/widgets/tmp_widget_header.html" 
                        ,"text!../tmp/widgets/tmp_widget_navbar.html"
                        ,"text!../tmp/page/tmp_page_header_generic.html"
                        ,"text!../tmp/page/tmp_page_header_specific.html"       
                        ,"text!../tmp/page/tmp_page_footer.html"
                    ];
            }
        return passBack;
        }   
    , getBaseRequestObjects = function( temps) {
        var objArr = [];
        for ( var i = 0; i < temps.length; i++){
            var thisString = temps[i],
            addToArray = temps[i].match(/tmp_(.*?)\.html/);
            objArr.push( addToArray[1] )
            }
        return objArr;
        }
    , baseRequestObjects

我需要把它放在一个函数中，因为这两个变量都必须是动态的。

然后我打电话要求这样：

// inside my event call
var ...
    widgetsForThisRequest = baseRequestWidgets(trigger),
    baseRequestObjects = getBaseRequestObjects( widgetsForThisRequest );

require( widgetsForThisRequest,
    function( /* dynamic */ ) {
        // this will be dnyamic strings
        console.log( widgetsForThisRequest );
        // this will be dynamic objects
        console.log( baseRequestObjects );

        // loop using arguments - not sure if I like this
        for ( i = 0; i < baseRequestObjects.length; i++){
            widget = arguments[i];
            tempName = baseRequestObjects[i];
            ...

所以我没有传递任何对象，必须使用arguments在我的循环内手动设置小部件。似乎工作，但不确定这是怎么回事。无论如何，有超过2或5个字符串，因此必须有超过2或5个对象携带相应的字符串。现在我很好，但如果有人知道更好的方法，感谢分享！

Answer 1

您的代码标记为“不合适”＆＃39;没有按照你的想法去做;你不能创建这样的变量。

我只是重新排序您的包含，以便您首先请求的两个文件先出现，然后检查定义中是否存在其他模块。

var  baseRequestWidgets = $('html').attr('init') != true 
    ?  [ "text!../tmp/widgets/tmp_widget_header.html"
        ,"text!../tmp/widgets/tmp_widget_navbar.html"
        ,"text!../tmp/page/tmp_page_header_generic.html"
        ,"text!../tmp/page/tmp_page_header_specific.html"       
        ,"text!../tmp/page/tmp_page_footer.html"
        ]
    :  [ "text!../tmp/widgets/tmp_widget_header.html"
        ,"text!../tmp/widgets/tmp_widget_navbar.html"
        ]

    require( baseRequestWidgets, function(    page_widget_header
                                            , page_widget_navbar
                                            , page_header_generic
                                            , page_header_specfic
                                            , page_footer 
                                            ){

         // page_widget_header and page_widget_navbar are always loaded

         // page_header_generic, page_header_specfic and page_footer
         // are undefined if init === true
    }

Answer 2

您可以将所有参数存储在一个数组（可变大小）中，并在该函数上使用.apply method。

如何在js中改变函数参数，所有参数都是对象？

2 个答案: