JavaScript/jQuery 简写函数定义

发布于 2024-08-28 14:18:34 字数 414 浏览 8 评论 0原文

我正在使用一个 jQuery 插件，其功能定义如下：

    $('#mydiv').pluginAction({
        someproperty: val, 
        format: 'mm hh',
        labels: ['yes', 'no', 'maybe'], 
        labels1: ['never', 'always']
    });

在我的 HTML 页面中，我有多个 DIV，它们具有相同的 format、labels、属性>labels1，但 someproperty 的值不同。是否有某种类型的 JavaScript 表示法可以用来缩短定义，这样我就不必有重复的代码？

原文

I'm using a jQuery plugin that has its functions defined as such:

    $('#mydiv').pluginAction({
        someproperty: val, 
        format: 'mm hh',
        labels: ['yes', 'no', 'maybe'], 
        labels1: ['never', 'always']
    });

In my HTML page, I have multiple DIVs that have the same properties for format, labels, labels1, but different values for someproperty. Is there some type of JavaScript notation I can take advantage of to shorten the definition so that I don't have to have duplicate code?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

沧笙踏歌 2024-09-04 14:18:34

有几种方法可以解决这个问题：

创建一个填补空白的函数；或
如果该插件是您的，请将这些值默认为您想要的值。

(1)的例子：

function props(val) {
  return {
    someproperty: val,
    format: 'mm hh',
    labels: ['yes', 'no', 'maybe'], 
    labels1: ['never', 'always']
  };
}

$("#mydiv").pluginAction(props("..."));

There are a couple of ways of dealing with this:

Create a function which fills in the blanks; or
If the plugin is yours, default those values to what you want.

Example of (1):

function props(val) {
  return {
    someproperty: val,
    format: 'mm hh',
    labels: ['yes', 'no', 'maybe'], 
    labels1: ['never', 'always']
  };
}

$("#mydiv").pluginAction(props("..."));

回复收藏 0 原文

莳間冲淡了誓言ζ 2024-09-04 14:18:34

Cletus 有一个非常好的答案，它允许您生成非常可读的代码。这可能是您的情况的最佳解决方案。

仅作为记录，类似以下内容也是可能的。您可以创建一个存储所有固定属性的对象文字，然后在需要时使用 jQuery#extend。

var props = {
 format: 'mm hh',
 labels: ['yes', 'no', 'maybe'], 
 labels1: ['never', 'always']
};

$('#mydiv').pluginAction($.extend(props, { someProperty: val }));

Cletus has a very good answer, which allows you to produce very readable code. This is probably the best solution in your case.

Just for the record, something like the following would also be possible. You could create an object literal storing all fixed properties, and then just specify add extra properties (such as someProperty in your example) when needed by using jQuery#extend.

var props = {
 format: 'mm hh',
 labels: ['yes', 'no', 'maybe'], 
 labels1: ['never', 'always']
};

$('#mydiv').pluginAction($.extend(props, { someProperty: val }));

回复收藏 0 原文