HotTowel Angular and Immediately-Invoked Function Expression (IIFE)

Question

AngularJS에 대한 HotTowel 템플릿과 그 모든 "왜"질문이 내 마음에 들리는 지 살펴보기 시작합니다. 나는 그 중 일부를 지웠으나 이것을 지울 수 없었다. 나는. 컨트롤러에 대해 "즉시 호출 함수 표현식 (IIFE)"사용. 다음은 "shell.js"의 코드입니다.

(function() { 
     'use strict'; 

     var controllerId = 'shell'; 
     angular.module('app').controller(controllerId, 
      ['$rootScope', 'common', 'config', shell]); 

     function shell($rootScope, common, config) { 
      var vm = this; 
     //rest of the code omitted 

여기서 IIFE가 사용되는 이유를 알 수 없습니다. 우리가 IIFE를 사용하지 않는 이유 중 하나는

var controllerId = "shell" 

은 전체 범위가 맞을 수 있습니다. 나는 IIFE 스타일을 제거하려고 노력했으며 분명히 어떤 문제도 해결하려고 노력하고있다. 나는 AngularJS Style Guide을 거쳤지만 설명을 찾을 수 없습니다. 누군가이 접근 방식을 통해 얻을 수있는 이점을 설명해 줄 수 있습니까?

P. 이 질문에 대한 정확한 위치가 아니라고 생각되면 정확한 위치로 안내해주십시오.

Answer 1

당신이 말했듯이 글로벌 범위에 추가하는 것을 방지합니다. 위의 코드에서 controllerId 및 shell 함수는 IIFE가 사용되지 않는 경우 전역 범위에 추가됩니다.

인생을? : 왜

글로벌 범위에서 변수를 제거합니다 John Papa's style guide에 대한 설명이 있습니다

. 이는 변수와 함수 선언이 보다 오래 지속되는 것을 방지하고 변수 충돌을 피하는 데 도움이됩니다.

이유 : 코드가 구체화되어 프로덕션 서버에 배포를위한 단일 파일로 묶인 경우 개의 변수와 많은 전역 변수가 충돌 할 수 있습니다. IIFE는 각 파일에 대해 가변 범위를 제공하여 이들 중 을 방지합니다.