Welche Zeichen sind für JavaScript-Variablennamen gültig?

Aus der ECMAScript-Spezifikation im Abschnitt 7.6 Bezeichner-Namen und Bezeichner, ein Gültiger Bezeichner ist definiert als:

Identifier :: 
    IdentifierName but not ReservedWord

IdentifierName :: 
    IdentifierStart 
    IdentifierName IdentifierPart 

IdentifierStart :: 
    UnicodeLetter 
    $ 
    _ 
    \ UnicodeEscapeSequence 

IdentifierPart :: 
    IdentifierStart 
    UnicodeCombiningMark 
    UnicodeDigit 
    UnicodeConnectorPunctuation 
    \ UnicodeEscapeSequence 

UnicodeLetter 
    any character in the Unicode categories “Uppercase letter (Lu)”, “Lowercase letter (Ll)”, “Titlecase letter (Lt)”, 
    “Modifier letter (Lm)”, “Other letter (Lo)”, or “Letter number (Nl)”. 

UnicodeCombiningMark 
    any character in the Unicode categories “Non-spacing mark (Mn)” or “Combining spacing mark (Mc)” 

UnicodeDigit 
    any character in the Unicode category “Decimal number (Nd)” 

UnicodeConnectorPunctuation 
    any character in the Unicode category “Connector punctuation (Pc)” 

UnicodeEscapeSequence 
    see 7.8.4. 

HexDigit :: one of 
    0 1 2 3 4 5 6 7 8 9 a b c d e f A B C D E F

schafft eine Menge Möglichkeiten für die Benennung von Variablen und auch beim Golfen. Lassen Sie uns versuchen, einige Beispiele.

Einen gültigen Bezeichner beginnen konnte, entweder mit einer UnicodeLetter, $, _ oder \ UnicodeEscapeSequence. Ein unicode-Buchstabe ist ein beliebiges Zeichen aus diesen Kategorien (alle Kategorien):

• Großbuchstaben (Lu)
• Kleingeschriebene Buchstaben (Ll)
• Titlecase letter (Lt)
• Modifier letter (Lm)
• Anderen Brief (Lo)
• Brief-Nummer (Nl)

Dies allein macht für einige tolle Möglichkeiten - funktionierende Beispiele. Wenn es nicht funktioniert, in allen Browsern, dann nennen es ein Fehler, die es verursachen sollte.

var ᾩ = "something";
var ĦĔĽĻŎ = "hello";
var 〱〱〱〱 = "less than? wtf";
var जावास्क्रिप्ट = "javascript"; //ok that's JavaScript in hindi
var KingGeorgeⅦ = "Roman numerals, awesome!";

InformationsquelleAutor der Antwort Anurag

Ich denke, Sie wollen die Ecma-262 Spezifikation:

http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf

Gibt es ein Abschnitt auf Seite 15, die festlegt, was Bezeichner syntax werden kann.

InformationsquelleAutor der Antwort Benj

Eigentlich ECMAScript, sagt auf Seite 15:
Dass ein Bezeichner beginnen mit einem $, ein Unterstrich oder ein UnicodeLetter, und dann geht es auf (nur unten), um anzugeben, dass ein UnicodeLetter kann jedes beliebige Zeichen aus dem unicode-Kategorien, Lo, Ll, Lu, Lt, Lm und Nb.
Und wenn man sich mal die Kategorien, die Sie werden sehen, dass dies eröffnet viel mehr Möglichkeiten als nur lateinische Buchstaben. Suchen Sie einfach nach "unicode-Kategorien" in google und Sie finden Sie.

InformationsquelleAutor der Antwort Yuvalik

Die akzeptierte Antwort würde Regel aus einer Menge Gültiger Bezeichner, soweit ich das sehen kann. Hier ist ein regulärer Ausdruck, den ich zusammen gestellt habe, die Folgen sollten die Skillung (siehe Kapitel 7.6 auf Bezeichner). Erstellt wurde es mit RegexBuddy und finden Sie einen export der Erklärung an http://samples.geekality.net/js-identifiers.

^[$_\p{L}][$_\p{L}\p{Mn}\p{Mc}\p{Nd}\p{Pc}\u200C\u200D]*+$

Darüber hinaus wird der name nicht eines der folgenden reservierten Wörter.

Pause, do, instanceof, typeof, Fall, anderen, neuen, var, catch, finally, return, void, weiter, for, switch, while, debugger, Funktion, diese, mit, default,, wenn, werfen, löschen, probieren, Klasse, enum extends, super, const, export -, import -, Geräte, lassen, private -, public -, Rendite -, interface, package, protected, static, null, true, false

InformationsquelleAutor der Antwort Svish

im Falle von regulären Ausdrücken ist nicht unbedingt ein muss, wäre es nicht besser, Fragen Sie einfach den browser, um zu entscheiden, mit eval ?

function isValidVarName( name ) {
    try {
        eval('(function() { var ' + name + '; })()');
    } catch( e ) {
        return false;
    }
    return true;
}

isValidVarName('my_var');     //true
isValidVarName('1');          //false

InformationsquelleAutor der Antwort Anas Nakawa

Habe ich Anas Nakawa Idee und es verbessert. Erstens, es gibt keinen Grund, um tatsächlich die Funktion erklärt wird. Wir wollen wissen, ob es richtig analysiert, und nicht, ob der code funktioniert. Die zweite, eine literal-Objekt ist ein besserer Rahmen für unseren Zweck als var XXX wie es ist schwieriger zu durchbrechen.

    function isValidVarName( name ) {
    try {
        return name.indexOf('}') === -1 && eval('(function() { a = {' + name + ':1}; a.' + name + '; var ' + name + '; }); true');
    } catch( e ) {
        return false;
    }
    return true;
}

//so we can see the test code
var _eval = eval;
window.eval = function(s) {
    console.log(s);
    return _eval(s);
}

console.log(isValidVarName('name'));
console.log(isValidVarName('$name'));
console.log(isValidVarName('not a name'));
console.log(isValidVarName('a:2,b'));
console.log(isValidVarName('"a string"'));

console.log(isValidVarName('xss = alert("I\'m in your vars executin mah scrip\'s");;;;;'));
console.log(isValidVarName('_;;;'));
console.log(isValidVarName('_=location="#!?"'));

console.log(isValidVarName('ᾩ'));
console.log(isValidVarName('ĦĔĽĻŎ'));
console.log(isValidVarName('〱〱〱〱'));
console.log(isValidVarName('जावास्क्रिप्ट'));
console.log(isValidVarName('KingGeorgeⅦ'));
console.log(isValidVarName('}; }); alert("I\'m in your vars executin\' mah scripts"); true; //yeah, super valid'));
console.log(isValidVarName('if'));

InformationsquelleAutor der Antwort cleong