淺談JavaScript中模仿C#編碼方式
首先是JavaScript代碼底層部分:
- var jmz = {}; //全部代碼的存放對象
- jmz.demo = {}; //在jmz下引申出一個demo存放對象,
這里定義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事件綁定方法,有興趣的可以去查看下。
效果:
【編輯推薦】