您好,登錄后才能下訂單哦!
本篇內容介紹了“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中模仿C#編碼方式舉例分析”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。