JavaScript 包装函数的几种写法

最新推荐文章于 2021-05-06 09:59:07 发布

weixin_30532369

最新推荐文章于 2021-05-06 09:59:07 发布

阅读量345

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/phpcurd/p/9503143.html

版权

var a = 2; // 声明全局变量a
( function foo (globel) {
    var a = 3;
    console.log(a); // 调用局部变量 3
    console.log(globel.a); // 调用全局变量 2
} 
( window ));
console.log(a); // 调用全局变量 2

　　第二种写法和第一种很像:

var a = 2; // 声明全局变量a
( function foo (globel) {
    var a = 3;
    console.log(a); // 调用局部变量 3
    console.log(globel.a); // 调用全局变量 2
} )( window ); // 后面加这个括号是为了立即执行这个包装函数，并传入参数window
console.log(a); // 调用全局变量 2

　　第三种是UMD模式（项目中被广泛使用，尽管这种模式略显冗长，但是更容易让人理解）：

var a = 2;
  (function iife (def) {
    def(window);   // 2.执行def函数(def是被传入的函数),调用def函数并传入参数window.在下方执行代码块。
  })(function def (globel) { // 1.将def函数作为参数传入iife函数。
    var a = 3; 
    console.log(a); // 打印局部变量 3
    console.log(globel.a); // 打印全局变量 2
  });
  console.log(a); // 打印全局变量 2

　　topic：这样写的好处是不会污染外部作用域。比如 function foo () { ... } 这样的函数是可以直接在外部调用的；但是(function foo () { ... })这样的函数声明就只能在{ ... }内部调用了。

转载于:https://www.cnblogs.com/phpcurd/p/9503143.html