[javascript] 자바 스크립트에서 자체 실행 함수의 목적은 무엇입니까?

단순합니다. 매우 평범한 모습, 거의 위안 :

var userName = "Sean";

console.log(name());

function name() {
  return userName;
}

그러나 고급 문자를 기본 레벨 표현으로 변환하는 정말 편리한 자바 스크립트 라이브러리를 페이지에 포함 시키면 어떻게됩니까?

무엇을 기다립니다?

누군가가 어떤 종류의 악센트가있는 문자를 입력하면 내 프로그램에서 ‘영어’문자 AZ 만 원합니까? 음 … 스페인어 ‘ñ’과 프랑스어 ‘é’문자는 ‘n’과 ‘e’의 기본 문자로 변환 될 수 있습니다.

그래서 좋은 사람이 내 사이트에 포함시킬 수있는 포괄적 인 문자 변환기를 작성했습니다 … 포함합니다.

한 가지 문제 : 내 함수와 같은 ‘이름’이라는 함수가 있습니다.

이것이 충돌이라고합니다. 같은 범위 에서 선언 된 두 함수가 있습니다 에서 같은 이름으로 있습니다. 우리는 이것을 피하고 싶습니다.

그래서 우리는 어떻게 든 코드의 범위를 정해야합니다.

자바 스크립트에서 코드를 범위를 지정하는 유일한 방법은 함수로 코드를 래핑하는 것입니다.

function main() {
  // We are now in our own sound-proofed room and the 
  // character-converter libarary's name() function can exist at the 
  // same time as ours. 

  var userName = "Sean";

  console.log(name());

  function name() {
    return userName;
  }
}

문제가 해결 될 수도 있습니다. 이제 모든 것이 동봉되었으며 개폐 중괄호 내에서만 접근 할 수 있습니다.

우리는 함수에 함수가 있습니다 …보기에는 이상하지만 완전히 합법적입니다.

단 하나의 문제. 코드가 작동하지 않습니다. userName 변수는 콘솔에 에코되지 않습니다!

기존 코드 블록 뒤에 함수에 대한 호출을 추가하여이 문제를 해결할 수 있습니다.

function main() {
  // We are now in our own sound-proofed room and the 
  // character-converter libarary's name() function can exist at the 
  // same time as ours. 

  var userName = "Sean";

  console.log(name());

  function name() {
    return userName;
  }
}

main();

또는 전에!

main();

function main() {
  // We are now in our own sound-proofed room and the 
  // character-converter libarary's name() function can exist at the 
  // same time as ours. 

  var userName = "Sean";

  console.log(name());

  function name() {
    return userName;
  }
}

부차적 인 우려 : ‘main’이라는 이름이 아직 사용되지 않았을 가능성은 무엇입니까? … 매우 슬림합니다.

더 많은 범위가 필요합니다. 그리고 main () 함수를 자동으로 실행하는 방법.

이제 자동 실행 기능 (또는 자체 실행, 자체 실행 등)에 대해 살펴 보겠습니다.

((){})();

구문은 죄로 어색합니다. 그러나 작동합니다.

함수 정의를 괄호로 묶고 매개 변수 목록 (다른 세트 또는 괄호!)을 포함하면 함수 호출 역할을합니다 .

자체 실행 구문을 사용하여 코드를 다시 살펴 보겠습니다.

(function main() {
  var userName = "Sean";

    console.log(name());

    function name() {
      return userName;
    }
  }
)();

따라서 여러분이 읽은 대부분의 자습서에서 이제 ‘익명 자체 실행’이라는 용어 또는 이와 유사한 용어가 적용됩니다.

수년간의 전문적인 개발 끝에, 디버깅 목적으로 작성한 모든 함수의 이름을 지정할 것을 강력히 권합니다 .

문제가 발생하면 브라우저에서 역 추적을 확인하게됩니다. 스택 추적의 항목 이름이 있으면 코드 문제를 좁히는 것이 항상 더 쉽습니다!

엄청나게 긴 바람과 나는 그것이 도움이되기를 바랍니다!

답변

var MyClosureObject = (function (){
  var MyName = 'Michael Jackson RIP';
  return {
    getMyName: function () { return MyName;},
    setMyName: function (name) { MyName = name}
  }
}());

 console.log(MyClosureObject.getMyName());
 // Michael Jackson RIP

console.log(MyClosureObject.MyName);
// undefined

MyClosureObject.setMyName('George Michael RIP');
console.log(MyClosureObject.getMyName());
// George Michael RIP

var a = function(x) { return function() { document.write(x); } }(something);