Javascript的一种模块模式_javascript技巧

YAHOO.myProject.myModule = function () {
return {
myPublicProperty: "我作为YAHOO.myProject.myModule.myPublicProperty被访问。";
myPublicMethod: function () {
YAHOO.log("我作为YAHOO.myProject.myModule.myPublicMethod被访问。");
}
};
}(); // 这个括号导致匿名函数被执行且返回

YAHOO.myProject.myModule = function () {
//“私有”变量：
var myPrivateVar = "我仅能在YAHOO.myProject.myModule内被访问。";
//私有方法：
var myPrivateMethod = function () {
YAHOO.log("我仅能在YAHOO.myProject.myModule内被访问。");
}

return {
myPublicProperty: "我作为YAHOO.myProject.myModule.myPublicProperty能被访问。"
myPublicMethod: function () {
YAHOO.log("我作为YAHOO.myProject.myModule.myPublicMethod能被访问。");
//在myProject,我能访问私有的变量和方法
YAHOO.log(myPrivateVar);
YAHOO.log(myPrivateMethod());
//myPublicMethod的原生作用域是myProject，我们可以用“this”来访问公共成员。
YAHOO.log(this.myPublicProperty);
}
};
}();

• 一项


• 二项


• 三项

<script> <BR>YAHOO.namespace("myProject"); <BR>YAHOO.myProject.myModule = function () { <BR>//YUI实用程序的私有简写引用： <BR>var yue = YAHOO.util.Event, <BR>yud = YAHOO.util.Dom; <BR>//私有方法 <BR>var getListItems = function () { <BR>// 注意这个地方使用其他的私有变量，包括"yud"YAHOO.util.Dom的简写： <BR>var elList = yud.get("myList"); <BR>var aListItems = yud.getElementsByClassName( <BR>"draggable", //得到仅有CSS类"draggable"的项 <BR>"li", //仅返回列表项 <BR>elList //限定搜索改元素的子 <BR>); <BR>return aListItems; <BR>}; <BR>//这个放回的对象将变成YAHOO.myProject.myModule: <BR>return { <BR>aDragObjects: [], //可对外访问的，存储DD对象 <BR>init: function () { <BR>//直到DOM完全加载好，才实现列表项可拖拽： <BR>yue.onDOMReady(this.makeLIsDraggable, this, true); <BR>}, <BR>makeLIsDraggable: function () { <BR>var aListItems = getListItems(); //我们可以拖拽的那些元素 <BR>for (var i=0, j=aListItems.length; i<j; i++) { <BR>this.aDragObjects.push(new YAHOO.util.DD(aListItems[i])); <BR>} <BR>} <BR>}; <BR>}(); <BR>//上面的代码已经执行，所以我们能立即访问init方法： <BR>YAHOO.myProject.myModule.init(); <BR></script>