原文来自:http://yuiblog.com/
在JavaScript中,全局变量可以说是一个魔鬼吧!在Ext中我们可以看见之定义了几个全局变量,在Ext中每一个变量属于
某一个对象的成员,所以我希望在写你自己的代码是也征询这个定律!。即使在不使用Ext,我在项目不会使用ext,现在写
代码习惯这种方式来了,看起来更爽!更OO!
1:创建命名空间对象
[code] Ext.namespace("Ext.myProject");[/code]
如果你不引入Ext,可以不需要这一步!
2:创建一个带有返回值的匿名函数给命名空间对象
[quote] Ext.myProject.myModule = function () {
return {
myPublicProperty: "I'm accessible as Ext.myProject.myModule.myPublicProperty.";
myPublicMethod: function () {
YAHOO.log("I'm accessible as Ext.myProject.myModule.myPublicMethod.");
}
};
}();
[/quote]
3: 添加private变量或方法到return语句前面
[code] Ext.myProject.myModule = function () {
//"private" variables:
var myPrivateVar = "I can be accessed only from within Ext.myProject.myModule.";
//"private" method:
var myPrivateMethod = function () {
....
}
return {
myPublicProperty: "I'm accessible as Ext.myProject.myModule.myPublicProperty."
myPublicMethod: function () {
myPrivateVar;
myPrivateMethod();
this.myPublicProperty;
}
};
}();[/code]
private变量或方法只能在函数内部访问或者从返回对象的成员里。在函数内部访问public方法或变量,之要在前面
加上《this.》 也可以直接加上路径。在外部访问之能是后一种如:Ext.myProject.myModule.myPublicMethod()
一下是我在实际工作中的一段代码:
[code]var SEL = function(){
return {
/*
* 业务区
*/
areaData : function() {
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getAreaData','&id=areacode&');
},
/*
* 营业区
*/
bussData : function() {
//this._deleteOption(["planunit","bussplace"]);
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getBussData','&id=busscode&');
},
/*
* 营销单位
*/
'planUnit' : function() {
//this._deleteOption(["bussplace"])
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getPlanUnit','&id=planunit&');
},
/*
* 营销单位
*/
'bussPlace' : function() {
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getBussPlace','&id=bussplace&');
},
/*
* 营业员
*/
'optrInfo' : function() {
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getOptrData','&id=optrinfo&');
},
/*
* ajax方式查询数据
* private
*/
_getAjaxData : function(url,params) {
var para = 'areacode='+$("#areacode").val()+'&busscode='+$("#busscode").val()+'&planunit='+$("#planunit").val()+'&bussplace='+$("#bussplace").val();
$.ajax({
type: "POST",
url: url,
data: params+para,
beforeSend : function(){},
success: this._creatOption
});
},
/*
* 获取请求返回的数据
* private
*/
_getData : function(responseText){
return responseText;
}
,
/*
* 获取请求返回的数据
* private
*/
_creatOption : function(responseText){
.........
}
};
}();[/code]
在JavaScript中,全局变量可以说是一个魔鬼吧!在Ext中我们可以看见之定义了几个全局变量,在Ext中每一个变量属于
某一个对象的成员,所以我希望在写你自己的代码是也征询这个定律!。即使在不使用Ext,我在项目不会使用ext,现在写
代码习惯这种方式来了,看起来更爽!更OO!
1:创建命名空间对象
[code] Ext.namespace("Ext.myProject");[/code]
如果你不引入Ext,可以不需要这一步!
2:创建一个带有返回值的匿名函数给命名空间对象
[quote] Ext.myProject.myModule = function () {
return {
myPublicProperty: "I'm accessible as Ext.myProject.myModule.myPublicProperty.";
myPublicMethod: function () {
YAHOO.log("I'm accessible as Ext.myProject.myModule.myPublicMethod.");
}
};
}();
[/quote]
3: 添加private变量或方法到return语句前面
[code] Ext.myProject.myModule = function () {
//"private" variables:
var myPrivateVar = "I can be accessed only from within Ext.myProject.myModule.";
//"private" method:
var myPrivateMethod = function () {
....
}
return {
myPublicProperty: "I'm accessible as Ext.myProject.myModule.myPublicProperty."
myPublicMethod: function () {
myPrivateVar;
myPrivateMethod();
this.myPublicProperty;
}
};
}();[/code]
private变量或方法只能在函数内部访问或者从返回对象的成员里。在函数内部访问public方法或变量,之要在前面
加上《this.》 也可以直接加上路径。在外部访问之能是后一种如:Ext.myProject.myModule.myPublicMethod()
一下是我在实际工作中的一段代码:
[code]var SEL = function(){
return {
/*
* 业务区
*/
areaData : function() {
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getAreaData','&id=areacode&');
},
/*
* 营业区
*/
bussData : function() {
//this._deleteOption(["planunit","bussplace"]);
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getBussData','&id=busscode&');
},
/*
* 营销单位
*/
'planUnit' : function() {
//this._deleteOption(["bussplace"])
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getPlanUnit','&id=planunit&');
},
/*
* 营销单位
*/
'bussPlace' : function() {
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getBussPlace','&id=bussplace&');
},
/*
* 营业员
*/
'optrInfo' : function() {
this._getAjaxData('../../ext/SelectAjaxAction.do?method=getOptrData','&id=optrinfo&');
},
/*
* ajax方式查询数据
* private
*/
_getAjaxData : function(url,params) {
var para = 'areacode='+$("#areacode").val()+'&busscode='+$("#busscode").val()+'&planunit='+$("#planunit").val()+'&bussplace='+$("#bussplace").val();
$.ajax({
type: "POST",
url: url,
data: params+para,
beforeSend : function(){},
success: this._creatOption
});
},
/*
* 获取请求返回的数据
* private
*/
_getData : function(responseText){
return responseText;
}
,
/*
* 获取请求返回的数据
* private
*/
_creatOption : function(responseText){
.........
}
};
}();[/code]