Question

我正在编写一个jQuery插件。有一个选项对象，我想循环设置常规变量。它基本上会设置一个变量，它将是对象项的索引。我想确定是否有任何选项留空，如果是，请将常规变量设置为默认值。如果选项为空白，我通常会使用以下选项将其设置为默认值：

 var defaults = {
     someVar1 : "somevar1",
      omeVar2:  "somevar2"
 };

var someVar1;
var someVar2;

function init(options, defaults){
   if(typeof options.someVar1 === 'undefined'){
      someVar1 = defaults.someVar1;
   } else {
      someVar1 = options.someVar1;
  }
   return something();
}
function something(){
   console.log(item);
});

如果我有很多选项要设置，这可能是一个很大的痛苦。我如何修改下面的代码来动态定义全局变量？

function init(element, options){
    $(document).ready(function(){
         $.each(options, function(index, value){
             if(typeof options.index === 'undefined'){

              }
         });
     });
 }

Answer 1

假设你有一个对象：

var my_object = {
    item1 : 1,
    item2 : 2,
    item3 : 3,
}

var i;
for(i in my_object){
    console.log(i); 
    console.log(my_object[i]);
}
/*
    This will print in the console:
    item1
    1
    item2
    2
    item3
    3
*/

对于每个都不会找到未定义的，因为undefined不存在，除非你的对象是这样的：

var my_object = {
    item1 : 1,
    item2 : 2,
    item3 : 3,
    item4 : undefined
}

另外：

$.each(options, function(index, value){
  // if(typeof options.index === 'undefined'){ <-- this is wrong
     if(typeof options[index]=== 'undefined'){ <-- this is correct
        // Also you have the value, why not "value === undefined" ?
     }
});

Answer 2

听起来您可能想要设置预定义的变量数组，然后根据您的选项索引读取其默认值

var optionDefaults = ["val1", "val2", "val3"];
function init(element, options){
    $(document).ready(function(){
         $.each(options, function(index, value){
             if(typeof options.index === 'undefined'){
                  var optiondefValue = optionDefaults[index];
                  //do whatever you want here.
              }
         });
     });
 }

如何使用forEach在JavaScript和jQuery中设置动态变量？

2 个答案: