JavaScript命名空间模式实例详解

本文实例讲述了JavaScript命名空间模式。分享给大家供大家参考，具体如下：

前言

命名空间可以被认为是唯一标识符下代码的逻辑分组。为什么会出现命名空间这一概念呢？因为可用的单词数太少，并且不同的人写的程序不可能所有的变量都没有重名现象。在JavaScript中，命名空间可以帮助我们防止与全局命名空间下的其他对象或变量产生冲突。命名空间也有助于组织代码，有更强的可维护性和可读性。本文旨在探讨JavaScript里的几种常见命名空间模式，为我们提供一个思路。

JavaScript执行环境有很多独特之处，全局变量和函数的使用就是其中之一。JavaScript的执行环境由各种各样的全局变量构成，这些全局变量先于函数执行环境而创建。这些全局变量都挂载于“全局对象”下，在浏览器中，window对象就等同于全局对象。那么，在全局作用域中声明的任何变量和函数都是window对象的属性，当名称有冲突时，就会产生一些不可控的问题。全局变量会带来以下问题：

命名冲突

代码的脆弱性

难以测试

在编程开发中合理的使用命名空间，可以避免相同的变量或对象名称产生的冲突。而且，命名空间也有助于组织代码，有更强的可维护性和可读性。JavaScript中虽然没有提供原生的命名空间支持，但我们可以使用其他的方法（对象和闭包）实现类似的效果。下面就是一些常见的命名空间模式：

1.单一全局变量

JavaScript中一个流行的命名空间模式是选择一个全局变量作为主要的引用对象。因为每个可能的全局变量都成为唯一全局变量的属性，也就不用再创建多个全局变量，那么也就避免了和其他声明的冲突。

单一全局变量模式已经在不少的JavaScript类库中使用，如：

示例如下：

var myApplication = (function() {  function() {    // ***  },  return {    // **  }})();

虽然单一全局变量模式适合某些情况，但其最大的挑战是确保单一全局变量在页面中是唯一使用的，不会发生命名冲突。

2.命名空间前缀

命名空间前缀模式其思路非常清晰，就是选择一个独特的命名空间，然后在其后面声明声明变量、方法和对象。示例如下：

var = myApplication_propertyA = {};var = myApplication_propertyA = {};function myApplication_myMethod() {  // ***}

从某种程度上来说，它确实减少了命名冲突的发生概率，但其并没有减少全局变量的数目。当应用程序规模扩大时，就会产生很多的全局变量。在全局命名空间内，这种模式对其他人都没有使用的这个前缀有很强的依赖，而且有些时候也不好判断是否有人已经使用某个特殊前缀，在使用这种模式时一定要特别注意。