Wie funktioniert die Funktionsdeklaration durch eckige Klammern in Node.js/Javascript?

Question

Zum ersten Mal etwas wie this in Node.js zum Deklarieren von Funktionen zu sehen. Kurz ist der Code ähnlich wie diese

'use strict'; 
const Actions = { 
    ONE: 'one', 
    TWO: 'two', 
    THREE: 'three' 
}; 
class FunMap { 

    run(action) { 
    const map = this; 
    map[action](); 
    } 

    [Actions.ONE]() { 
    console.log("Performing action one"); 
    } 

    [Actions.TWO]() { 
    console.log("Performing action two"); 
    } 

    [Actions.THREE]() { 
    console.log("Performing action three"); 
    } 

} 

var funMap = new FunMap(); 
funMap.run('one'); 
funMap.run('two'); 
funMap.run('three'); 

Das obige Programm

gedruckt wird

Performing action one 
Performing action two 
Performing action three 

Gibt es einen technischen Namen für diese Art der Funktionsdeklaration in Node.js/Javascript?

Wie fügt diese Zeile all diese (Funktionen, die durch die Verwendung der eckigen Klammern mit einer Zeichenkettenkonstante deklariert sind) in Eigenschaftsfunktionen des FunMap-Objekts ein?

const map = this; 

Ist die eckigen Klammern Notation [] in einer JavaScript-Klasse verweist auf die Klasse selbst?

Answer 1

Die Syntax mit eckigen Klammern in der Klasse heißt computed property name. Der Ausdruck innerhalb der eckigen Klammern wird ausgewertet, und der Stringwert des Ergebnisses wird als Schlüssel verwendet.

Der Code innerhalb der eckigen Klammern kann nicht auf die Klasse selbst zugreifen, da sie vor der Klassendeklaration ausgewertet wird.

Ihr Beispiel wird eine Klasse, die wie folgt aussieht:

class FunMap { 

    run(action) { 
    const map = this; 
    map[action](); 
    } 

    one() { 
    console.log("Performing action one"); 
    } 

    two() { 
    console.log("Performing action two"); 
    } 

    three() { 
    console.log("Performing action three"); 
    } 

} 

Die run Funktion verwendet eckige Klammern in einer anderen Art und Weise - eine Eigenschaft von Namen nachzuschlagen. Die Linie const map = this tut nichts Besonderes - die Funktion die gleiche Sache wie dies tun würde:

run(action) { 
    return this[action](); 
} 

this[action] bedeutet „die Eigenschaft action von this genannt bekommen“. Dieser Wert wird dann als Funktion ohne Argumente aufgerufen.

Berechnete Eigenschaftsnamen wurden in ES2015 hinzugefügt. Die Subscript-Syntax zum Abrufen eines Objekts nach seinem Namen war von Anfang an Teil von JavaScript.