JavaScript 面向?qū)ο蠡A(chǔ)簡單示例
本文實例講述了JavaScript 面向?qū)ο?。分享給大家供大家參考,具體如下:
JavaScript 面向?qū)ο?/strong>
- this:this代指對象(python self)
- 對象 = new 函數(shù)():創(chuàng)建對象:添加“new 函數(shù)()”相當與創(chuàng)建對象
- 類名:prototype={方法} : 創(chuàng)建類原型
類:
<script> function Foo(n){ this.name = n; this.sayName = function(){ console.log(this.name) } } var obj1 = new Foo('jb51'); obj1.name obj1.sayName() var obj2 = new Foo('腳本之家'); obj2.name obj2.sayName () </script>
運行結(jié)果:
注:obj1~2 對象內(nèi)存里會重復調(diào)用this.sayName,從而增加內(nèi)存損耗。
注:創(chuàng)建obj對象并傳入?yún)?shù)、obj1.name就是we。
注:obj1.sayNmae() 執(zhí)行方法 調(diào)用obj1的name等于we。
類原型:
<script> function Foo(n){ this.name = n; } // Foo的原型 Foo.prototype = { 'sayName': function(){ console.log(this.name) } } var obj1 = new Foo('歡迎訪問'); obj1.name obj1.sayName() var obj2 = new Foo('www.dbjr.com.cn'); obj2.name obj2.sayName() </script>
運行結(jié)果:
注:每一個對象內(nèi)只封裝了一個name。
注:調(diào)用obj1.sayName()時會先找Foo類,然后在去Foo的原型里找sayName。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JavaScript面向?qū)ο蟪绦蛟O(shè)計中對象的定義和繼承詳解
- javascript面向?qū)ο蟪绦蛟O(shè)計實踐常用知識點總結(jié)
- javascript面向?qū)ο髣?chuàng)建對象的方式小結(jié)
- javascript面向?qū)ο笕筇卣髦鄳B(tài)實例詳解
- javascript面向?qū)ο笕筇卣髦^承實例詳解
- javascript面向?qū)ο笕筇卣髦庋b實例詳解
- Javascript 面向?qū)ο螅ㄒ唬?共有方法,私有方法,特權(quán)方法)
- 面向?qū)ο蟮腏avascript之二(接口實現(xiàn)介紹)
- js面向?qū)ο笾?、私有、靜態(tài)屬性和方法詳解
- javascript面向?qū)ο笕腴T基礎(chǔ)詳細介紹
相關(guān)文章
JavaScript實現(xiàn)簡單的隱藏式側(cè)邊欄功能示例
這篇文章主要介紹了JavaScript實現(xiàn)簡單的隱藏式側(cè)邊欄功能,涉及javascript結(jié)合定時器針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08javascript中獲取元素標簽中間的內(nèi)容的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨avascript中獲取元素標簽中間的內(nèi)容的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10html2canvas屬性和使用方法以及如何使用html2canvas將HTML內(nèi)容寫入Canvas生成圖片
為大家介紹一款JS截圖插件html2canvas.js, 它可以通過純JS對瀏覽器端經(jīng)行截屏,下面就為大家介紹一下html2canvas.js屬性和具體使用方法,并為大家提供了一個實例2020-01-018個開發(fā)者必須知道的JavaScript深層概念(推薦)
JavaScript有一個名為“調(diào)用堆?!保–all Stack)的簡單列表,它逐一管理任務(wù)(堆棧算法),但是當異步任務(wù)被傳遞時,JavaScript會把它彈出到web API,瀏覽器就會處理它,這篇文章主要介紹了8個開發(fā)者必須知道的JavaScript深層概念,需要的朋友可以參考下2022-10-10