优化自定义控件的javascript

Question

有没有办法对具有相同设置的自定义控件的javascript进行分组？

例如：

我在一个页面上放置了3个自定义控件。每个人都像这样编写一个javascript

ucx.initialize( controlID, settings );

所以我得到..。

ucx.initialize("txtValue1", { sync: true, mask: '0 km' });
ucx.initialize("txtValue2", { sync: true, mask: '0 km' });
ucx.initialize("txtValue3", { sync: true, mask: '0 mm'});

正如我们所看到的，"txtValue1“和"txtValue2”具有相同的设置。

因此，我想将它们分组：

ucx.initialize(["txtValue1", "txtValue2"], { sync: true, mask: '0 km'});
ucx.initialize("txtValue3", { sync: true, mask: '0 mm'});

有可能吗？

Answer 1

这完全取决于您的initialize函数的作用。

至少，您可以使用默认的公共设置对象：

var initialize = function (controlID, settings) { 
    ...
    settings = settings || { sync: true, mask: '0 km'};
    ... 
};

然后，如果在不传递设置对象的情况下调用该函数，则默认使用通用的设置对象：

ucx.initialize("txtValue1");
ucx.initialize("txtValue2");
ucx.initialize("txtValue3", { sync: true, mask: '0 mm'});

Answer 2

您可以创建自己的方法，其工作方式类似：

ucx.initializeMultiple = function() {
    var settings = arguments[arguments.length - 1];
    for (var i = 0; i < arguments.length - 1; i++) {
        ucx.initialize(arguments[i], settings);
    }
}

然后，您可以调用：

ucx.initializeMultiple("txtValue1", "txtValue2", { sync: true, mask: '0 km'});

您可以在参数中放入任意数量的字段名。最后一个参数是设置对象。它之前的所有参数都被解释为字段名，每个字段名都应该获得该设置。

请记住，设置不必是内联的。在不创建这个新方法的情况下，您也可以这样做，以避免重复设置：

var settings1 = { sync: true, mask: '0 km'};
ucx.initialize("txtValue1", settings1);
ucx.initialize("txtValue2", settings1);