What does this operation in vuex mean, an array as a function name?

[types.CHANGE_LAYER_ZINDEX] (state, dir, index) {

...

}
as above, what is this operation in vuex, using an array object as the function name?

Vue.js
Mar.11,2021

you understand it wrong, you can refer to my code 

const types = {ADD : 'add'}
class MyClass {

  constructor() {
    this.count = 0
  }

  [types.ADD] () {
       console.log(PPthis.count)
    }
}
let a = new Myclass()
a.add() //1
a[types.ADD] //2
The significance of

is that I have defined a constant that can dynamically call the method
. The advantage of this method is that it reduces the error rate and reduces the degree of freedom
to replace the freer way of writing
with higher readability and to improve readability. Define other references to this definition at once. More standardized
analogical java interface
for example, if you define PI = 3.14, you can directly refer to it. Then you need PI instead of using 3.14
every time. Just like the above only gives you actions that can be operated by this class, you can't add any more things

.

ps
I have stripped down the code above babel, refer to 

var _createClass = function () { 
    function defineProperties(target, props) { 
        for (var i = 0; i < props.length; iPP) { 
            var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || 
            false;
            descriptor.configurable = true; 
            if ("value" in descriptor) 
            descriptor.writable = true; 
            Object.defineProperty(target, descriptor.key, descriptor); 
            } 
        } 
        return function (Constructor, protoProps, staticProps) { 
        if (protoProps) 
        defineProperties(Constructor.prototype, protoProps); 
        if (staticProps) 
            defineProperties(Constructor, staticProps); 
            return Constructor; 
            };
}();

function _classCallCheck(instance, Constructor)
    { 
        if (!(instance instanceof Constructor)) { 
        throw new TypeError("Cannot call a class as a function"); 
    } 
}

var types = { ADD: 'add' };

var MyClass = function () {
  function MyClass() {
    _classCallCheck(this, MyClass);

    this.count = 0;
  }

  _createClass(MyClass, [{
    key: types.ADD,
    value: function value() {
      console.log(PPthis.count);
    }
  }]);

  return MyClass;
}();

var a = new Myclass();
a.add(); //1
a[types.ADD]; //2
[types.CHANGE_LAYER_ZINDEX]

this is the evaluated attribute in es6. When executed, the expression is evaluated and replaced with the real value to call

.
New method and property name expression for object in

ES6. 

let obj = {
  ['h' + 'ello']() {
    return 'hi';
  }
};

obj.hello()
The writing of the

constant is only a style, and as the official documentation says, it is not necessary to use it.

Previous: How does Sublime3 detect regular expressions?

Next: Can javascript accurately determine whether a URL link address is valid?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eafb5e-4804d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eafb5e-4804d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?