Unterschied zwischen setTimeout mit und ohne Anführungszeichen und Klammern

Ich lerne JavaScript und habe kürzlich etwas über JavaScript-Timing-Ereignisse gelernt. Als ich setTimeoutbei W3Schools davon erfuhr , bemerkte ich eine seltsame Figur, die ich vorher nicht kennengelernt hatte. Sie verwenden doppelte Anführungszeichen und rufen dann die Funktion auf.

Beispiel:

setTimeout("alertMsg()", 3000);

Ich weiß, dass doppelte und einfache Anführungszeichen in JavaScript eine Zeichenfolge bedeuten.

Ich habe auch gesehen, dass ich das auch so machen kann:

setTimeout(alertMsg, 3000);

Mit den Klammern bezieht es sich, ohne die Klammern wird es kopiert. Wenn ich die Anführungszeichen und Klammern verwende, wird es verrückt.

Ich würde mich freuen, wenn mir jemand den Unterschied zwischen diesen drei Verwendungsmöglichkeiten erklären kann setTimeout:

Mit den Klammern:

setTimeout("alertMsg()", 3000);

Ohne die Anführungszeichen und Klammern:

setTimeout(alertMsg, 3000);

Und der dritte verwendet nur Anführungszeichen:

setTimeout("alertMsg", 3000);

NB: Eine bessere setTimeoutReferenzquelle wäre MDN .

Verwenden von setIntervalodersetTimeout

Sie sollten einen Verweis auf eine Funktion als erstes Argument für setTimeoutoder übergeben setInterval. Diese Referenz kann in Form von:

• Eine anonyme Funktion

  setTimeout(function(){/* Look mah! No name! */},2000);

• Ein Name einer vorhandenen Funktion

  function foo(){...}
  
  setTimeout(foo, 2000);

• Eine Variable, die auf eine vorhandene Funktion verweist

  var foo = function(){...};
  
  setTimeout(foo, 2000);

  _{Beachten Sie, dass ich "Variable in einer Funktion" getrennt von "Funktionsname" setze. Es ist nicht ersichtlich, dass Variablen und Funktionsnamen denselben Namespace belegen und sich gegenseitig überladen können.}

Argumente übergeben

Um eine Funktion aufzurufen und Parameter zu übergeben, können Sie die Funktion innerhalb des dem Timer zugewiesenen Rückrufs aufrufen:

setTimeout(function(){
  foo(arg1, arg2, ...argN);
}, 1000);

Es gibt eine andere Methode, um Argumente an den Handler zu übergeben, die jedoch nicht browserübergreifend kompatibel ist .

setTimeout(foo, 2000, arg1, arg2, ...argN);

Rückrufkontext

Standardmäßig ist der Kontext des Rückrufs (der Wert thisinnerhalb der vom Timer aufgerufenen Funktion) bei der Ausführung das globale Objekt window. Wenn Sie es ändern möchten, verwenden Sie bind.

setTimeout(function(){
  this === YOUR_CONTEXT; // true
}.bind(YOUR_CONTEXT), 2000);

Sicherheit

Obwohl es möglich ist, sollten Sie keine Zeichenfolge an setTimeoutoder übergeben setInterval. String übergeben macht setTimeout()oder setInterval()eine ähnliche Funktionalität wie verwenden , eval()dass ausführt Strings als Skripte , so dass beliebig und potenziell schädliche Skriptausführung möglich.

Ich denke, die setTimeout-Funktion, die Sie schreiben, wird nicht ausgeführt. Wenn Sie jquery verwenden, können Sie es folgendermaßen korrekt ausführen:

    function alertMsg() {
      //your func
    }

    $(document).ready(function() {
       setTimeout(alertMsg,3000); 
       // the function you called by setTimeout must not be a string.
    });

Stimme Joseph vollkommen zu.

Hier ist eine Geige, um dies zu testen: http://jsfiddle.net/nicocube/63s2s/

Im Kontext der Geige funktioniert das String-Argument meiner Meinung nach nicht, da die Funktion nicht im globalen Bereich definiert ist.

Was passiert in der Realität, wenn Sie einen String als ersten Funktionsparameter übergeben?

setTimeout ( 'string', number)

Der Wert des ersten Parameters wurde ausgewertet, wenn er ausgeführt werden soll (nach Ablauf der verstrichenen Millisekunden number). Grundsätzlich ist es gleich

setTimeout ( eval('string'), number)

Das ist

Eine alternative Syntax, mit der Sie anstelle einer Funktion eine Zeichenfolge einfügen können, die kompiliert und ausgeführt wird, wenn der Timer abläuft. Diese Syntax wird aus den gleichen Gründen nicht empfohlen, die die Verwendung von eval () zu einem Sicherheitsrisiko machen.

Beispiele, auf die Sie sich beziehen, sind also keine guten Beispiele und können in einem anderen Kontext oder einfach nur als Tippfehler angegeben werden.

Wenn Sie so aufrufen setTimeout(something, number), ist der erste Parameter kein String, sondern ein Zeiger auf etwas, das aufgerufen wird something. Und wieder, wenn somethinges ein String ist, wird er ausgewertet. Wenn es sich jedoch um eine Funktion handelt, wird die Funktion ausgeführt. jsbin Probe

    ##If i want to wait for some response from server or any action we use setTimeOut.

    functionOne =function(){
    console.info("First");

    setTimeout(()=>{
    console.info("After timeOut 1");
    },5000);
    console.info("only setTimeOut() inside code waiting..");
    }

    functionTwo =function(){
    console.info("second");
    }
    functionOne();
    functionTwo();

## So here console.info("After timeOut 1"); will be executed after time elapsed.
Output:
******************************************************************************* 
First
only setTimeOut() inside code waiting..
second
undefined
After timeOut 1  // executed after time elapsed.

Mit den Klammern:

setTimeout("alertMsg()", 3000); // It work, here it treat as a function

Ohne die Anführungszeichen und Klammern:

setTimeout(alertMsg, 3000); // It also work, here it treat as a function

Und der dritte verwendet nur Anführungszeichen:

setTimeout("alertMsg", 3000); // It not work, here it treat as a string

function alertMsg1() {
        alert("message 1");
    }
    function alertMsg2() {
        alert("message 2");
    }
    function alertMsg3() {
        alert("message 3");
    }
    function alertMsg4() {
        alert("message 4");
    }

    // this work after 2 second
    setTimeout(alertMsg1, 2000);

    // This work immediately
    setTimeout(alertMsg2(), 4000);

    // this fail
    setTimeout('alertMsg3', 6000);

    // this work after 8second
    setTimeout('alertMsg4()', 8000);

Im obigen Beispiel wird zuerst die Funktion alertMsg2 () sofort aufgerufen (wir geben die Zeitüberschreitung 4S an, aber es stört nicht), danach alertMsg1 () (eine Wartezeit von 2 Sekunden), dann alertMsg4 () (eine Wartezeit von 8 Sekunden) Aber alertMsg3 () funktioniert nicht, weil wir es in die Anführungszeichen ohne Parteien einfügen, sodass es als Zeichenfolge behandelt wird.