浅谈JavaScript中模仿C#编码方式

首先是JavaScript代码底层部分：

  
  
  
  

   
   
   
   
var jmz = {};                           //全部代码的存放对象  
   
   
   
   
jmz.demo = {};                          //在jmz下引申出一个demo存放对象，  
   
   
   
   
//以上两个就类似于.NET里面的NameSpace，下面的方法编写也模仿C#的编码方式  
   
   
   
   
jmz.o = {};                             //用来存放全部的全局变量 
  
  
  
  

这里定义3个东西，所有的静态，方法及变量都从jmz下面引申出来。

◆好处：不管你代码写的有多少行，全部只占用一个全局变量，这样你跟其他程序员合作是就不会有任何的变量名冲突。

◆坏处：如果写到后面调用代码会过长，但也有个处理方式，这里提示下with这个。

jmz.o是用来存放你要在网页中添加的全局变量，当然大家可以自由扩展优化，有好的点子希望能联系我共同探讨。

接下来是两个典型例子，一个模拟C#静态方法，一个模拟C#的类。

静态方法：

   
   
   
   

    
    
    
    
jmz.demo.HelloWorldA = function(str) {  //模拟C#的静态方法调用方式  
    
    
    
    
alert(str);  
    
    
    
    
}  
   
   
   
   
这个与原来的JS函数一摸一样，调用方式也类似于C#的静态调用方式。可用于一些非常常用的方法，比如获得对象，获得字符串长度，给对象添加事件等等。
类写法： 
  
  
  
  

   
   
   
   
jmz.demo.HelloWorldB = function() {  
   
   
   
   
var _data = "";                     //类中的全局私有变量，前缀“_”来与方法内的变量进行区分  
   
   
   
   
function Process(str) {             //类中的私有方法，私有方法编写方式头字母大写  
   
   
   
   
if (str.length > 0) _data = str;  
   
   
   
   
else return false;  
   
   
   
   
return true;  
   
   
   
   
}  
   
   
   
   
function Show() {  
   
   
   
   
alert(_data);  
   
   
   
   
}  
   
   
   
   
this.process = function(str) {       //类中的公共方法，供外部调用，头字母小写  
   
   
   
   
return Process(str);  
   
   
   
   
}  
   
   
   
   
this.show = function() {  
   
   
   
   
Show();  
   
   
   
   
}  
   
   
   
   
} 
  
  
  
  
这个类写法个人感觉还不错，自己给自己定义编写代码时候的规范用来区分私有方法与公共方法、私有变量与共有变量。
好了上面的代码框架写完了，下面来个实际调用的吧！
   
   
   
   

    
    
    
    
jmz.Bind("load", function() {  
    
    
    
    
jmz.demo.HelloWorldA("Chinajmz:HelloWorldA!");//静态方法调用  
    
    
    
    
jmz.o.helloWorldB = new jmz.demo.HelloWorldB();//初始化类并存放到jmz.o的对象中  
    
    
    
    
if (jmz.o.helloWorldB.process("Chinajmz:HelloWorldB!") == true) {//对象中公共方法调用  
    
    
    
    
jmz.o.helloWorldB.show();  
    
    
    
    
}  
    
    
    
    
}); 
   
   
   
   
  
此处用了我先前的JS事件绑定方法，有兴趣的可以去查看下。
效果：
      
【编辑推荐】

Javascript中最常用的25个经典技巧 
6月编程语言排行榜：JavaScript转正在即 
非常全面的实用JavaScript开发工具列表 
Google专家：JavaScript是网站性能的致命克星 
痛陈Javascript的缺点