angularJS自执行函数的妙用

最新推荐文章于 2026-06-29 07:04:45 发布

原创最新推荐文章于 2026-06-29 07:04:45 发布 · 5.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web前端

当前文章被收录于：

web前端

17 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何通过立即执行函数表达式（IIFE）来为每个JavaScript文件创建独立的作用域，以此避免在Angular应用中引入全局变量污染的问题。推荐的方法能够确保模块间的隔离性，提高代码的可维护性和质量。

自执行函数（IIFE），给每个文件提供一个独立的作用域

/* avoid */
// logger.js
angular
    .module('app')
    .factory('logger', logger);

// logger function会被当作一个全局变量
function logger() { }

// storage.js
angular
    .module('app')
    .factory('storage', storage);

// storage function会被当作一个全局变量
function storage() { }

/**
* recommended
*
* 再也不存在全局变量了
*/

// logger.js
(function() {
    'use strict';

    angular
        .module('app')
        .factory('logger', logger);

    function logger() { }
})();

// storage.js
(function() {
    'use strict';

    angular
        .module('app')
        .factory('storage', storage);

    function storage() { }
})();