首先是JavaScript代码底层部分:
成都创新互联公司专业为企业提供沾化网站建设、沾化做网站、沾化网站设计、沾化网站制作等企业网站建设、网页设计与制作、沾化企业网站模板建站服务,10多年沾化做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
- 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中模仿C#编码方式
新闻来源:http://www.shufengxianlan.com/qtweb/news9/510459.html网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联