javascript - JavaScript 中对象定义中的对象括号表示法

Question

这个问题已经有答案了:

How to use a variable for a key in a JavaScript object literal? (16 个回答)

已关闭 8 年前。

var events = {
                addEvent: function(element, type, fn, capture){
                     element.addEventListener(type, fn, capture);
                },
                removeEvent: function(){
                     element.removeEventListener(type, fn, capture);
                }
           }

我正在对象文字定义中寻找类似的东西来减少代码事件对象只是一个示例

           var events = {
                            [action + "Event"]: function(element, type, fn, capture){
                                  element[action + "eventListener"](type, fn, capture);
                        }
                }
           }

我知道还有其他选择

element.events.add(....) , element.events.remove(....)

或者这个选项

element.events("add", type, fn, capture) / element.events("remove", type, fn, capture)

Answer 1

对象初始值设定项中的属性名称必须是常量。但是，您可以向对象添加属性并动态创建名称:

var events = {
            addEvent: function(element, type, fn, capture){
                 element.addEventListener(type, fn, capture);
            },
            removeEvent: function(){
                 element.removeEventListener(type, fn, capture);
            }
       };

events[action + "Event"] = function() { /* ... */ };