[JavaScript] 物件導向寫法的筆記(二) 類似Class 的宣告方式

這裡講的是類似Class 的宣告方式，是因為JavaScript 並沒有真的Class，而是利用function 來宣告和一般的Class 一樣要使用new 來產生一個實體， ... 長島冰茶的工程師筆記 跳到主文 我荒廢之今日，正是昨日殞身之人祈求之明日.... 部落格全站分類：數位生活 相簿 部落格 留言 名片 Sep20Fri201317:47 [JavaScript]物件導向寫法的筆記(二)類似Class的宣告方式 這裡講的是類似Class的宣告方式，是因為JavaScript並沒有真的Class，而是利用function來宣告和一般的Class一樣要使用new來產生一個實體，以下是範例說明--  --但是上面的範例裡，因為getLink及redirect是直接定義的，所以每一個new出來的實體(instance)都會有一份這會浪費記憶體空間，造成效能的問題，可以改為定義在prototype裡面，這樣所有的實體都會從原型繼承到這兩個function像以下範例一樣--  --另外上面的範例我是用物件實字來定義prototype，也可以像以下這樣一個一個function來定義-- //共用函式宣告在prototype裡，不管產生多少實體，都只會佔一份記憶體空間 //取得連結 Content.prototype.getLink=function() { returnthis.link+'?page='+this.page+'&order='+this.order }, //物件處理，注意物件觸發時this會指向觸發事件的元素，所以要另外取得物件的值 //導向網址 Content.prototype.redirect=function(event) { //取得自己 var_self=(event.data)?event.data:this; //換頁 window.location.href=_self.getLink(); }   全站熱搜 創作者介紹 wbkuo 長島冰茶的工程師筆記 wbkuo發表在痞客邦留言(0)人氣() E-mail轉寄 全站分類：數位生活個人分類：JavaScript上一篇：[JavaScript]物件導向寫法的筆記(一)直接宣告物件 下一篇：[PHP]好用的parse_url及parse_str ▲top 留言列表 發表留言 文章搜尋 文章分類 程式設計(22) PHP(50)MySQL(24)JavaScript(36)網路元件(8)Apache(6)SublimeText(7)Oracle(2)Solr(11)GIT(7)Java(2)Python(1)MSSQL(0)Bootstrap(1)Mac(6)Laravel(3)AWS(1)CSS(10)HTML(13)Linux(68)Windows(16)ACM解題(12)Android(3) 我的函式庫(2) PHP函式(3)JavaScript函式(1) 其他(7) 好聽的歌(2)快速筆記(5)工作心得(2)網路文章(8)好用軟體(4)個人小工具(0)我有話說(3) Nginx(3) 最新文章 參觀人氣 本日人氣： 累積人氣： 最新留言 文章精選 文章精選 2019一月(1) 2018十月(1) 2018四月(1) 2017十二月(1) 2017十一月(2) 2017十月(2) 2017九月(2) 2017七月(1) 2017六月(1) 2017五月(1) 2017三月(1) 2017一月(1) 2016十二月(2) 2016十一月(4) 2016十月(4) 2016九月(2) 2016八月(1) 2016五月(1) 2016四月(1) 2016三月(3) 2016一月(2) 2015十二月(12) 2015十一月(3) 2015十月(2) 2015九月(3) 2015八月(3) 2015七月(6) 2015六月(2) 2015四月(3) 2015三月(1) 2015二月(4) 2015一月(3) 2014十二月(5) 2014十一月(1) 2014十月(1) 2014七月(1) 2014六月(3) 2014五月(1) 2014四月(3) 2014一月(1) 2013十二月(1) 2013十一月(8) 2013十月(3) 2013九月(15) 2013八月(18) 2013七月(4) 2013六月(6) 2013五月(6) 2013四月(4) 2013三月(3) 2013二月(12) 2013一月(7) 2012十二月(6) 2012十一月(6) 2012十月(9) 2012九月(15) 2012八月(22) 2012七月(15) 2012六月(1) 2012五月(2) 2012四月(3) 2012三月(1) 2012二月(1) 2012一月(1) 2011十二月(1) 2011八月(3) 2011七月(1) 2011六月(1) 2011五月(1) 2011二月(1) 2010十二月(1) 2010九月(2) 2010八月(2) 2010七月(2) 2010六月(1) 2010五月(6) 2010四月(6) 2010三月(1) 2010二月(4) 2010一月(1) 2009十月(2) 2009七月(1) 2009五月(2) 2009四月(4) 2009三月(1) 2009二月(5) 2008十一月(7) 所有文章列表 相關連結 我的連結  長島冰茶的實驗室我的UvaOnlinejudge我的GitHUB 友站連結 camdemy錄智學院友站：WalkingFish'sBlog友站：CSS的故事Tsung'sBlog 網路工具 jsfiddleJSLintJSHint 新聞交換(RSS) QRCode 熱門文章 回到頁首 回到主文 免費註冊 客服中心 痞客邦首頁 ©2003-2022PIXNET 關閉視窗