在$（document）.ready（function（）{..}）中创建“namespace”;

Question

// first.js 
$(document).ready(function() { 
    var MyNamespace = {}; 
}); 

// second.js 
$(document).ready(function() { 
    console.log(MyNamespace); 
}); 

运行此脚本我收到错误Uncaught ReferenceError: MyNamespace is not defined。我想，我得到这个错误，因为MyNamespace和MyNamespace调用的定义是在不同的范围。我该如何解决这个问题？

我需要创建命名空间中的$（document）。就绪（）的包装，因为这个命名空间功能将使用jQuery方法等

什么是最好的做法是什么？

谢谢！

Answer 1

有两件事情你需要改变：

1. 把MyNamespace在全球范围内;
2. 避免在每个文件中重新定义MyNamespace;

你把var MyNamespace = MyNamespace || {};放在你的两个js文件的前面。如果它之前没有定义，它会将MyNamespace作为对象进行decal。

// first.js 
var MyNamespace = MyNamespace || {}; 
$(document).ready(function() { 
    console.log(MyNamespace); 
}); 

// second.js 
var MyNamespace = MyNamespace || {}; 
$(document).ready(function() { 
    console.log(MyNamespace); 
}); 

Answer 2

创建命名空间的范围之内，那么范围内的方法添加到它：

var MyNamespace = {}; 

$(document).ready(function() { 
    MyNamespace.MyFunction = function() { ... }; 
}); 
$(document).ready(function() { 
    console.log(MyNamespace); 
}); 

Answer 3

如果你定义了你的变量文件准备好处理程序之外它应该工作 -

var MyNamespace = {}; 
$(document).ready(function() { 
    console.log(MyNamespace); 
}); 

Answer 4

创建它在外面并更新它里面：

var MyNamespace = {}; 

$(document).ready(function() { 
    MyNamespace.Example = new function() { // do something }; 
}); 

$(document).ready(function() { 
    console.log(MyNamespace); 
}); 

Answer 5

使用var定义av在该范围之外不可见的功能是本地的。离开var会定义一个全局变量，也可以在其他函数中访问。一般来说，你应该避免使用全局变量，但如果这是你所需要的，只需说MyNamespace = {};

Answer 6

使用'窗口'对象。

$(document).ready(function() { 
    window['x'] = 'test'; 
}); 
$(document).ready(function() { 
    alert(x); 
});