如何将JS封装函数封装在指令中

Question

我已经看到过这个过程，我试图实现一个封装函数，但是它打破了我的指令。没有封装它的作品。有没有人以前做过或有人知道为什么它违反了指令？

https://jsfiddle.net/ciderman/a0n9h0ar/1/

(function() { 
    myApp.directive('myPerfectDirective', function(){ 
    return{ 
     restrict: 'E', 
     scope: { 
     data: '=' 
     }, 
     template: '<p>my perrrrrrfeccct directivve</p>', 
     templateUrl: 'book-widget.html' 
    } 
    }); 
}); 

Answer 1

什么你谈论的是被称为IIFE（立即调用的函数表达式）。

你有一部分是正确的，因为亚历杭德罗指出你错过了()这将调用该函数的问题。

因此改变你的代码看起来像这样：

(function() { 
    myApp.directive('myPerfectDirective', function(){ 
    return{ 
     restrict: 'E', 
     scope: { 
     data: '=' 
     }, 
     template: '<p>my perrrrrrfeccct directivve</p>', 
     templateUrl: 'book-widget.html' 
    } 
    }); 
})(); 

欲了解更多有关IIFE（发音IIFY）看这里What is the (function() { })() construct in JavaScript?