1. 犀牛前端部落首页
  2. JavaScript百科

js命名空间

js命名空间
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定义的变量。

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/3413.html

发表评论

登录后才能评论