如何在运行时通过字符串连接创建函数或对象属性名称？

Question

我创建了 portlet，并且页面上可能有多个 portlet 实例，因此必须标识函数和 dom 元素，也就是说它们必须以特定名称空间开头。

所以在某些情况下，我必须将我的JS放在JSP页面中并且无法将其移动到单独的文件中，这非常不方便且难以维护。

JSP 中的 javascript

var validator = new A.FormValidator({
        boundingBox: document.orderForm,

        validateOnBlur: true,
        validateOnInput: false,

        rules: {

            <portlet:namespace />significanceLevel: {
                digits: true                
            },

            <portlet:namespace />languageFrom: {
                required: true,
                notEqualTo: '#<portlet:namespace />languageTo'
            },

            <portlet:namespace />languageTo: {
                required: true,
                notEqualTo: '#<portlet:namespace />languageFrom'
            }
}
......

从 significanceLevel JSP 生成 _my_namespace_significanceLevel: 。 即使我将 myNamespace（来自 JSP 中的 JS - 在服务器端解析的命名空间）传递到构造函数中，我也无法在运行时创建 myNamespace + 'methodName'

命名空间仅在服务器端已知。因此，一个 JS 始终必须位于 JSP 页面中，以便解析 并且所有其他 JS 对象都可以通过构造函数参数来访问它。

这是一种解决方法，但在许多情况下无法使用：

window[instance._method] = function() {
    instance.fileAddError.apply(instance, arguments);
};

其中 _method 的名称是由字符串文字连接而成的

Answer 1

在运行时向对象添加动态属性很容易：

rules[namespace + 'significanceLevel'] = {digits: true};

因此您可以执行以下操作：

var namespace = <portlet:namespace />;
var opts = {
    boundingBox: document.orderForm,
    validateOnBlur: true,
    validateOnInput: true,
    rules: {};
};
var addRule = function (name, rule) {
    opts.rules[namespace + name] = rule;
}

addRule('significanceLevel', {digits: true});
addRule('languageFrom', {...});
// etc...

var validator = new A.FormValidator(opts);