js命名空间

什么是命名空间？

命名空间是将一组实体、变量、函数、对象封装在一个空间的行为。

JavaScript有各种方法来实现这一点，看到示例将使概念更容易理解。

创建命名空间的最简单方法是创建对象：

const car = {
  start: () => {
    console.log('start')
  },
  stop: () => {
    console.log('stop')
  }
}

start和stop在car下以名称空间命名：car.start()和car.stop()。

它们不会污染全局变量。

为什么这很重要？

该方法还可以在创建对象后为其分配变量

const car = {}

car.start = () => {
  console.log('start')
}

car.stop = () => {
  console.log('stop')
}

但由于car对象引用，它们仍然可以从外部访问。

从外部完全隐藏代码的最佳方法是将其包装成块，这是用大括号括起来的代码的一部分，如if或for块，但也可以是这样形成的独立块：

{
  const start = () => {
    console.log('start')
  }

  const stop = () => {
    console.log('stop')
  }
}

这两个函数现在在块外是不可访问的。

但您需要注意始终使用let或const，这是块范围的。

使用var会将它“泄漏”到块之外。

要解决您可以使用函数的问题，这是一种“旧的”pre-let/const方法：

(function() {
  var start = () => {
    console.log('start')
  }

  const stop = () => {
    console.log('stop')
  }
})()

现在start和stop都不能从外部访问，即使start被分配给一个用var定义的变量。