[javascript] 따옴표와 괄호가 있거나없는 setTimeout의 차이점

setInterval또는 사용setTimeout

setTimeout또는 의 첫 번째 인수로 함수에 대한 참조를 전달해야합니다 setInterval. 이 참조는 다음과 같은 형식 일 수 있습니다.

• 익명의 기능

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

• 기존 함수의 이름

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

• 기존 함수를 가리키는 변수

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

  _{“함수 이름”과 별도로 “함수 변수”를 설정했습니다. 변수와 함수 이름이 동일한 네임 스페이스를 차지하고 서로를 알아볼 수있는 것은 분명하지 않습니다.}

인수 전달

함수를 호출하고 매개 변수를 전달하려면 타이머에 지정된 콜백 내에서 함수를 호출하면됩니다.

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

처리기에 인수를 전달하는 또 다른 방법이 있지만 브라우저 간 호환되지 않습니다 .

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

콜백 컨텍스트

기본적으로 this실행될 때 콜백의 컨텍스트 ( 타이머가 호출 한 함수 내부의 값 )는 전역 객체 window입니다. 변경하려면을 사용하십시오 bind.

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

보안

가능하지만 문자열 을 setTimeout또는로 전달 해서는 안됩니다setInterval . 문자열을 전달하면 수 setTimeout()또는 setInterval()유사한 기능을 사용 eval()하는 스크립트로 실행하는 문자열을 임의적이고 잠재적으로 유해한 스크립트 실행이 가능하게를.

답변

    function alertMsg() {
      //your func
    }

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

    ##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.

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

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

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);