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

首先是JavaScript代码底层部分:

成都创新互联公司专业为企业提供沾化网站建设、沾化做网站、沾化网站设计、沾化网站制作等企业网站建设、网页设计与制作、沾化企业网站模板建站服务,10多年沾化做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

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

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

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

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

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

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

静态方法:

   
   
   
   
  1. jmz.demo.HelloWorldA = function(str) {  //模拟C#的静态方法调用方式  
  2. alert(str);  
  3. }  

这个与原来的JS函数一摸一样,调用方式也类似于C#的静态调用方式。可用于一些非常常用的方法,比如获得对象,获得字符串长度,给对象添加事件等等。

类写法:

  
  
  
  
  1. jmz.demo.HelloWorldB = function() {  
  2. var _data = "";                     //类中的全局私有变量,前缀“_”来与方法内的变量进行区分  
  3. function Process(str) {             //类中的私有方法,私有方法编写方式头字母大写  
  4. if (str.length > 0) _data = str;  
  5. else return false;  
  6. return true;  
  7. }  
  8. function Show() {  
  9. alert(_data);  
  10. }  
  11. this.process = function(str) {       //类中的公共方法,供外部调用,头字母小写  
  12. return Process(str);  
  13. }  
  14. this.show = function() {  
  15. Show();  
  16. }  

这个类写法个人感觉还不错,自己给自己定义编写代码时候的规范用来区分私有方法与公共方法、私有变量与共有变量。

好了上面的代码框架写完了,下面来个实际调用的吧!

   
   
   
   
  1. jmz.Bind("load", function() {  
  2. jmz.demo.HelloWorldA("Chinajmz:HelloWorldA!");//静态方法调用  
  3. jmz.o.helloWorldB = new jmz.demo.HelloWorldB();//初始化类并存放到jmz.o的对象中  
  4. if (jmz.o.helloWorldB.process("Chinajmz:HelloWorldB!") == true) {//对象中公共方法调用  
  5. jmz.o.helloWorldB.show();  
  6. }  
  7. }); 

 

此处用了我先前的JS事件绑定方法,有兴趣的可以去查看下。

效果:

  

网站题目:浅谈JavaScript中模仿C#编码方式
新闻来源:http://www.shufengxianlan.com/qtweb/news9/510459.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联