javascript全局变量封装模块实现代码

要实现“JavaScript全局变量封装模块”，有以下几步：

1. 创建命名空间

在JavaScript中，全局变量会污染整个命名空间，容易导致变量名冲突或覆盖。因此，我们需要创建一个命名空间，把全局变量封装在这个命名空间中。

var MyModule = {};

2. 定义模块的变量和方法

在命名空间中定义一个对象，并把变量和方法添加到这个对象中。

var MyModule = {};

MyModule.myVar = "hello";
MyModule.myFunc = function() {
  console.log(MyModule.myVar);
}

3. 将模块接口暴露出来

为了确保模块内的变量和方法不被外部直接操作，我们需要将模块接口暴露出来。

var MyModule = (function() {
  var myVar = "hello";

  function myFunc() {
    console.log(myVar);
  }

  return {
    myFunc: myFunc
  };
})();

注意，我们使用了一个立即执行函数来创建一个私有作用域。在这个作用域内，我们可以定义模块内部的变量和方法，并返回一个对象，其中包含我们想要暴露的公共接口。这样，外部代码就无法直接访问模块内部的变量和方法，只能通过模块的公共接口进行操作。

示例一

下面是一个应用例子，假设我们需要实现一个计数器：

var Counter = (function() {
  var count = 0;

  function increase() {
    count++;
  }

  function decrease() {
    count--;
  }

  function getCount() {
    return count;
  }

  return {
    increase: increase,
    decrease: decrease,
    getCount: getCount
  };
})();

Counter.increase();
Counter.increase();
Counter.decrease();
console.log(Counter.getCount()); // 1

在这个例子中，我们定义了一个计数器模块，其中包含了一个计数器变量count和三个方法：increase、decrease和getCount。我们可以使用这些方法来增加、减少和查询计数器的值。由于这些变量和方法都定义在模块的私有作用域中，外部代码无法直接访问，从而保证了模块的安全性。

示例二

下面再举一个模拟购物车的例子：

var ShoppingCart = (function() {
  var items = [];

  function addItem(item) {
    items.push(item);
  }

  function removeItem(index) {
    items.splice(index, 1);
  }

  function getItems() {
    return items;
  }

  return {
    addItem: addItem,
    removeItem: removeItem,
    getItems: getItems
  };
})();

ShoppingCart.addItem("apple");
ShoppingCart.addItem("banana");
ShoppingCart.removeItem(0);
console.log(ShoppingCart.getItems()); // ["banana"]

在这个例子中，我们定义了一个购物车模块，其中包含了一个items数组和三个方法：addItem、removeItem和getItems。我们可以使用这些方法来添加、删除和查询购物车中的物品。同样，由于这些变量和方法都定义在模块的私有作用域中，外部代码无法直接访问，从而保证了模块的安全性。