本篇內(nèi)容介紹了“JavaScript中模仿C#編碼方式舉例分析”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
做網(wǎng)站、成都做網(wǎng)站,成都做網(wǎng)站公司-成都創(chuàng)新互聯(lián)已向超過千家企業(yè)提供了,網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)絡(luò)營銷等服務(wù)!設(shè)計(jì)與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗(yàn),合理的價格為您打造企業(yè)品質(zhì)網(wǎng)站。
首先是JavaScript代碼底層部分:
var jmz = {}; //全部代碼的存放對象 jmz.demo = {}; //在jmz下引申出一個demo存放對象,
//以上兩個就類似于.NET里面的NameSpace,下面的方法編寫也模仿C#的編碼方式
jmz.o = {}; //用來存放全部的全局變量
這里定義3個東西,所有的靜態(tài),方法及變量都從jmz下面引申出來。
◆好處:不管你代碼寫的有多少行,全部只占用一個全局變量,這樣你跟其他程序員合作是就不會有任何的變量名沖突。
◆壞處:如果寫到后面調(diào)用代碼會過長,但也有個處理方式,這里提示下with這個。
jmz.o是用來存放你要在網(wǎng)頁中添加的全局變量,當(dāng)然大家可以自由擴(kuò)展優(yōu)化,有好的點(diǎn)子希望能聯(lián)系我共同探討。
接下來是兩個典型例子,一個模擬C#靜態(tài)方法,一個模擬C#的類。
靜態(tài)方法:
jmz.demo.HelloWorldA = function(str) { //模擬C#的靜態(tài)方法調(diào)用方式 alert(str); }
這個與原來的JS函數(shù)一摸一樣,調(diào)用方式也類似于C#的靜態(tài)調(diào)用方式??捎糜谝恍┓浅3S玫姆椒?,比如獲得對象,獲得字符串長度,給對象添加事件等等。
類寫法:
jmz.demo.HelloWorldB = function() { var _data = ""; //類中的全局私有變量,前綴“_”來與方法內(nèi)的變量進(jìn)行區(qū)分 function Process(str) { //類中的私有方法,私有方法編寫方式頭字母大寫 if (str.length > 0) _data = str; else return false; return true; } function Show() { alert(_data); } this.process = function(str) { //類中的公共方法,供外部調(diào)用,頭字母小寫 return Process(str); } this.show = function() { Show(); } }
這個類寫法個人感覺還不錯,自己給自己定義編寫代碼時候的規(guī)范用來區(qū)分私有方法與公共方法、私有變量與共有變量。
好了上面的代碼框架寫完了,下面來個實(shí)際調(diào)用的吧!
jmz.Bind("load", function() { jmz.demo.HelloWorldA("Chinajmz:HelloWorldA!");//靜態(tài)方法調(diào)用 jmz.o.helloWorldB = new jmz.demo.HelloWorldB();//初始化類并存放到j(luò)mz.o的對象中 if (jmz.o.helloWorldB.process("Chinajmz:HelloWorldB!") == true) {//對象中公共方法調(diào)用 jmz.o.helloWorldB.show(); } });
此處用了我先前的JS事件綁定方法,有興趣的可以去查看下。
效果:
“JavaScript中模仿C#編碼方式舉例分析”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!