[javascript] 같은 줄에서 익명 함수를 호출해야하는 이유는 무엇입니까?

함수 정의 후에 세미콜론을 삭제하십시오.

(function (msg){alert(msg)})
('SO');

위의 작동해야합니다.

데모 페이지 : https://jsfiddle.net/e7ooeq6m/

이 게시물에서 이런 종류의 패턴에 대해 논의했습니다.

jQuery와 $ 질문

편집하다:

ECMA 스크립트 사양 을 보면 함수를 정의 할 수있는 3 가지 방법이 있습니다. (페이지 98, 섹션 13 기능 정의)

1. 함수 생성자 사용

var sum = new Function('a','b', 'return a + b;');
alert(sum(10, 20)); //alerts 30

2. 함수 선언 사용.

function sum(a, b)
{
    return a + b;
}

alert(sum(10, 10)); //Alerts 20;

3. 함수 표현

var sum = function(a, b) { return a + b; }

alert(sum(5, 5)); // alerts 10

따라서 선언과 표현의 차이점은 무엇입니까?

ECMA 스크립트 사양에서 :

FunctionDeclaration : 함수 식별자 (FormalParameterListopt) {FunctionBody}

FunctionExpression : 함수 식별자 (FormalParameterListopt) {FunctionBody}

함수 식별자에서 ‘식별자’는 선택 사항 입니다. 그리고 식별자를 제공하지 않으면 익명 함수를 만듭니다. 식별자를 지정할 수 없다는 의미는 아닙니다.

이것은 다음이 유효 함을 의미합니다.

var sum = function mySum(a, b) { return a + b; }

중요한 점은 mySum 함수 본문 내에서만 ‘mySum’을 사용할 수 있다는 것입니다. 다음 예를 참조하십시오.

var test1 = function test2() { alert(typeof test2); }

alert(typeof(test2)); //alerts 'undefined', surprise! 

test1(); //alerts 'function' because test2 is a function.

라이브 데모

이것을 다음과 비교하십시오

 function test1() { alert(typeof test1) };

 alert(typeof test1); //alerts 'function'

 test1(); //alerts 'function'

이 지식으로 무장 한 코드를 분석해 봅시다.

다음과 같은 코드가 있으면

    function(msg) { alert(msg); }

함수 표현식을 작성했습니다. 이 함수 표현식을 괄호로 묶어 실행할 수 있습니다.

    (function(msg) { alert(msg); })('SO'); //alerts SO.

답변

var message = 'SO';

function foo(msg) {
    alert(msg);
}

foo(message);

var message = 'SO';

function foo(msg) {  //declares foo
    alert(msg);
}

(foo)(message);     // calls foo

var message = 'SO';

(function foo(msg) {
    alert(msg);
})(message);          // declares & calls foo

var message = 'SO';

(function (msg) {   // remove unnecessary reference to foo
    alert(msg);
})(message);

(function (msg){alert(msg)});
('SO');                       // nothing.

(foo);
(msg); //Still nothing.

(foo)
(msg); //works

function(){ alert("plop"); }
2;

var f = function(){ alert("plop"); }
var n = 2;

function f(){ alert("plop"); }
var n = 2;

(function(){ alert("plop"); })(); // will display "plop"
alert(2 + 3); // will display 5

function foo(msg){
   alert(msg);
}

foo("Hi!");

var foo = function (msg) {
    alert(msg);
}

foo("Hi!");

(function(msg){
   alert(msg);
 })("Hi!");

function make_foo() {
    return function(msg){ alert(msg) };
}

(make_foo())("Hi!");

function make_greeter(msg){
    return function() { alert(msg) };
}

var hello = make_greeter("Hello!");

hello();

(function (msg){alert(msg)});
('SO');

var f = (function (msg){alert(msg)});
f('SO');

function f(msg) {alert(msg)};
f('SO');

function() {
  alert("hello");
}();

(function() {
  alert("hello");
})();