东方时讯网
跟大家讲解下有关JavaScript创建命名空间的多种玩法，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说JavaScript创建命名空间的多种玩法，小编也收集到了有关JavaScript创建命名空间的多种玩法的相关资料，希望大家看到了会喜欢。
在JavaScript中全局变量经常会引起命名冲突，甚至有时侯重写变量也不是按照你想像中的顺序来的，所以为了避免全局变量名冲突，创建命名空间成为最优解。
1.通过闭包(Closure)和Object实现
在闭包中声明好所有变量和方法，并通过一个JSON Object返回公有接口：
var NameSpace = NameSpace || {}; NameSpace.Hello = (function() { //待返回的公有对象 var self = {}; //私有变量或方法 var name = 'world'; //公有方法或变量 self.sayHello = function(_name) { return 'Hello ' + (_name || name); } ; //返回的公有对象 return self; }());2.通过JSON对象创建Object，代码如下:
var NameSpace = NameSpace || {}; NameSpace.Hello = { name: 'world' , sayHello: function(_name) { return 'Hello ' + (_name || this.name); } };3.通过函数（function)创建:(较为复杂)
这是一种比较常见的写法，通过声明一个function实现，函数里设置初始变量，公共方法写入prototype，如：
var NameSpace = NameSpace || {}; /* Function */ NameSpace.Hello = function() { this.name = 'world'; }; NameSpace.Hello.prototype.sayHello = function(_name) { return 'Hello ' + (_name || this.name); }; var hello = new NameSpace.Hello(); hello.sayHello();4.通过函数（function)创建:(较为简洁)
var NameSpace = NameSpace || {}; NameSpace.Hello = new function() { var self = this; var name = 'world'; self.sayHello = function(_name) { return 'Hello ' + (_name || name); }; };推荐：《2021年js面试题及答案（大汇总）》
以上就是JavaScript创建命名空间的多种玩法的详细内容，更多请关注php中文网其它相关文章！
来源：php中文网