Versteckte Funktionen von JavaScript?

Question

Welche "versteckten Funktionen" von JavaScript sollte Ihrer Meinung nach jeder Programmierer kennen?

Nachdem ich die hervorragende Qualität der Antworten auf die folgenden Fragen gesehen habe, dachte ich, es wäre an der Zeit, sie für JavaScript zu stellen.

• Versteckte Eigenschaften von HTML
• Verborgene Eigenschaften von CSS
• Versteckte Funktionen von PHP
• Versteckte Funktionen von ASP.NET
• Versteckte Eigenschaften von C#
• Versteckte Funktionen von Java
• Versteckte Funktionen von Python

Obwohl JavaScript derzeit die wohl wichtigste Client-Side-Sprache ist (fragen Sie einfach Google), ist es erstaunlich, wie wenig die meisten Webentwickler wissen, wie leistungsfähig sie wirklich ist.

Answer 1

Sie brauchen keine Parameter für eine Funktion zu definieren. Sie können einfach die Funktion arguments Array-ähnliches Objekt.

function sum() {
    var retval = 0;
    for (var i = 0, len = arguments.length; i < len; ++i) {
        retval += arguments[i];
    }
    return retval;
}

sum(1, 2, 3) // returns 6

Answer 2

Ich könnte den größten Teil von Douglas Crockfords ausgezeichnetem Buch zitieren JavaScript: Die guten Seiten .

Aber ich nehme nur einen für dich, benutze immer === y !== anstelle von == y !=

alert('' == '0'); //false
alert(0 == ''); // true
alert(0 =='0'); // true

== ist nicht transitiv. Wenn Sie === würde es falsch geben für alle diese Aussagen wie erwartet falsch.

Answer 3

Funktionen sind in JavaScript Bürger erster Klasse:

var passFunAndApply = function (fn,x,y,z) { return fn(x,y,z); };

var sum = function(x,y,z) {
  return x+y+z;
};

alert( passFunAndApply(sum,3,4,5) ); // 12

Funktionale Programmiertechniken können verwendet werden, um elegantes Javascript zu schreiben .

Insbesondere können Funktionen als Parameter übergeben werden, z.B. Array.filter() nimmt einen Rückruf entgegen:

[1, 2, -1].filter(function(element, index, array) { return element > 0 });
// -> [1,2]

Sie können auch eine "private" Funktion deklarieren, die nur innerhalb des Bereichs einer bestimmten Funktion existiert:

function PrintName() {
    var privateFunction = function() { return "Steve"; };
    return privateFunction();
}

Answer 4

Sie können die in Operator, um zu prüfen, ob ein Schlüssel in einem Objekt existiert:

var x = 1;
var y = 3;
var list = {0:0, 1:0, 2:0};
x in list; //true
y in list; //false
1 in list; //true
y in {3:0, 4:0, 5:0}; //true

Wenn Sie die Objektliterale zu hässlich finden, können Sie sie mit dem parameterlosen Funktionstipp kombinieren:

function list()
 { var x = {};
   for(var i=0; i < arguments.length; ++i) x[arguments[i]] = 0;
   return x
 }

 5 in list(1,2,3,4,5) //true

Answer 5

Zuweisung von Standardwerten an Variablen

Sie können den logischen Operator oder verwenden || in einem Zuweisungsausdruck, um einen Standardwert anzugeben:

var a = b || c;

Die a erhält den Wert der Variable c nur wenn b でございます falsy (wenn es null , false , undefined , 0 , empty string ou NaN ), andernfalls a erhält den Wert von b .

Dies ist oft in Funktionen nützlich, wenn Sie einem Argument einen Standardwert geben wollen, falls es nicht geliefert wird:

function example(arg1) {
  arg1 || (arg1 = 'default value');
}

Beispiel für IE-Fallback in Event-Handlern:

function onClick(e) {
    e || (e = window.event);
}

---

Die folgenden Sprachfunktionen gibt es schon seit langem, alle JavaScript-Implementierungen unterstützen sie, aber sie waren erst Teil der Spezifikation ECMAScript 5. Auflage :

Die debugger Anweisung

Beschrieben in: § 12.15 Die Debugger-Anweisung

Mit dieser Anweisung können Sie Haltepunkte programmatisch in Ihrem Code einfach durch:

// ...
debugger;
// ...

Wenn ein Debugger vorhanden oder aktiv ist, führt dies zu einem sofortigen Abbruch, genau in dieser Zeile.

Andernfalls, wenn der Debugger nicht vorhanden oder aktiv ist, hat diese Anweisung keine beobachtbare Wirkung.

Mehrzeilige String-Literale

Beschrieben in: § 7.8.4 String-Literale

var str = "This is a \
really, really \
long line!";

Sie müssen vorsichtig sein, denn das Zeichen neben dem \ muss ein Zeilenende sein, wenn Sie ein Leerzeichen nach der \ zum Beispiel wird der Code siehe genau dasselbe, aber es wird eine SyntaxError .