setTimeout에서 함수를 호출하는 방법이 다른 이유는 무엇입니까?

setTimeout의 괄호와 인용 수수께끼 분석

JavaScript 타이밍 이벤트를 자세히 조사할 때 setTimeout 함수는 다양한 사용법으로 인해 혼동을 일으키는 경우가 많습니다. . 이를 호출하는 세 가지 일반적인 방법 간의 차이점을 명확히 합시다:

괄호 사용

setTimeout("alertMsg()", 3000);

이 구문에서 함수는 double 내의 문자열로 전달됩니다. 인용 부호. JavaScript는 이를 지정된 시간 이후에 실행될 코드 문자열로 해석합니다. 보안 취약점으로 인해 이 사용은 권장되지 않습니다.

따옴표 및 괄호 없음

setTimeout(alertMsg, 3000);

이 깔끔한 접근 방식은 함수를 참조로 직접 전달합니다. 참조는 명명된 함수, 익명 함수 또는 함수를 가리키는 변수일 수 있습니다. 이는 잠재적인 보안 문제를 제거하고 코드를 단순화하므로 선호되는 방법입니다.

따옴표만 사용

setTimeout("alertMsg", 3000);

이 독특한 구문에서는 문자열이 전달됩니다. 괄호 없이. 이 메서드는 더 이상 사용되지 않으며 예측할 수 없는 동작으로 이어질 수 있습니다.

setTimeout에서 인수를 사용하여 함수를 호출하려면 콜백 내에 호출을 포함하거나 후자 구문에 인수를 지정할 수 있습니다(브라우저 간 호환되지 않음). :

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

또는

setTimeout(foo, 2000, arg1, arg2);

콜백 컨텍스트(this 키워드)를 기억하세요. 기본값은 전역 개체입니다. 이를 수정하려면 다음과 같이 바인딩() 메서드를 사용하세요.

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

보안 위험으로 인해 setTimeout에 문자열을 전달하는 것은 권장되지 않는다는 점에 유의하는 것이 중요합니다. 보안을 유지하고 예측 가능한 실행을 보장하려면 항상 함수 참조를 직접 전달하세요.

위 내용은 setTimeout에서 함수를 호출하는 방법이 다른 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!