JavaScript 参数选项

Question

我只是想知道如何创建一个对象或选项(无论它是什么)。

我创建了一个名为 popupModal() 的 js 文件

现在，我正在使用这个函数

popupModal(param1,param2,param3,param4,param5,param6)

在调用时，如果我不需要某些参数，我必须写这个。

popupModal(param1,undefined,param3,undefined,undefined,param6)

有人可以告诉我如何修改我的函数，这样每当我使用这个函数时我都可以这样调用它

popupModal ({
param2: someValue,
param6: someValue
});

Answer 1

要执行您所要求的操作，您需要接受单个对象作为参数。

popupModal({
  param2: 'foo',
  param6: 'bar'
});

function popupModal(settings) {
  console.log(settings.param2);
  console.log(settings.param6);
}

如果您希望某些参数是可选的，那么您可以在函数中定义一个包含默认值的对象。然后您可以使用 jQuery 的 $.extend() 方法用用户定义的设置覆盖它:

popupModal({
  param2: 'foo',
  param6: 'bar'
});

function popupModal(settings) {
  var defaults = {
    param1: '1',
    param2: '2',
    param3: '3',
    param4: '4',
    param5: '5',
    param6: '6',
  }
  
  settings = $.extend(defaults, settings);
  
  console.log(settings.param1);
  console.log(settings.param2);
  console.log(settings.param3);
  console.log(settings.param4);
  console.log(settings.param5);
  console.log(settings.param6);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>