JavaScript 面向?qū)ο蠡A(chǔ)簡(jiǎn)單示例
本文實(shí)例講述了JavaScript 面向?qū)ο蟆7窒斫o大家供大家參考,具體如下:
JavaScript 面向?qū)ο?/strong>
- this:this代指對(duì)象(python self)
- 對(duì)象 = new 函數(shù)():創(chuàng)建對(duì)象:添加“new 函數(shù)()”相當(dāng)與創(chuàng)建對(duì)象
- 類名: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>
運(yùn)行結(jié)果:
注:obj1~2 對(duì)象內(nèi)存里會(huì)重復(fù)調(diào)用this.sayName,從而增加內(nèi)存損耗。
注:創(chuàng)建obj對(duì)象并傳入?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('歡迎訪問(wèn)'); obj1.name obj1.sayName() var obj2 = new Foo('www.dbjr.com.cn'); obj2.name obj2.sayName() </script>
運(yùn)行結(jié)果:
注:每一個(gè)對(duì)象內(nèi)只封裝了一個(gè)name。
注:調(diào)用obj1.sayName()時(shí)會(huì)先找Foo類,然后在去Foo的原型里找sayName。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中對(duì)象的定義和繼承詳解
- javascript面向?qū)ο蟪绦蛟O(shè)計(jì)實(shí)踐常用知識(shí)點(diǎn)總結(jié)
- javascript面向?qū)ο髣?chuàng)建對(duì)象的方式小結(jié)
- javascript面向?qū)ο笕筇卣髦鄳B(tài)實(shí)例詳解
- javascript面向?qū)ο笕筇卣髦^承實(shí)例詳解
- javascript面向?qū)ο笕筇卣髦庋b實(shí)例詳解
- Javascript 面向?qū)ο螅ㄒ唬?共有方法,私有方法,特權(quán)方法)
- 面向?qū)ο蟮腏avascript之二(接口實(shí)現(xiàn)介紹)
- js面向?qū)ο笾?、私有、靜態(tài)屬性和方法詳解
- javascript面向?qū)ο笕腴T(mén)基礎(chǔ)詳細(xì)介紹
相關(guān)文章
JS+CSS實(shí)現(xiàn)一個(gè)氣泡提示框
氣泡提示框牽扯到的技術(shù)有:JS響應(yīng)鼠標(biāo)的事件、純CSS制作三角形,附截圖及示例代碼,感興趣的朋友可以參考下2013-08-08JavaScript實(shí)現(xiàn)簡(jiǎn)單的隱藏式側(cè)邊欄功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的隱藏式側(cè)邊欄功能,涉及javascript結(jié)合定時(shí)器針對(duì)頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08javascript中獲取元素標(biāo)簽中間的內(nèi)容的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇javascript中獲取元素標(biāo)簽中間的內(nèi)容的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10html2canvas屬性和使用方法以及如何使用html2canvas將HTML內(nèi)容寫(xiě)入Canvas生成圖片
為大家介紹一款JS截圖插件html2canvas.js, 它可以通過(guò)純JS對(duì)瀏覽器端經(jīng)行截屏,下面就為大家介紹一下html2canvas.js屬性和具體使用方法,并為大家提供了一個(gè)實(shí)例2020-01-018個(gè)開(kāi)發(fā)者必須知道的JavaScript深層概念(推薦)
JavaScript有一個(gè)名為“調(diào)用堆棧”(Call Stack)的簡(jiǎn)單列表,它逐一管理任務(wù)(堆棧算法),但是當(dāng)異步任務(wù)被傳遞時(shí),JavaScript會(huì)把它彈出到web API,瀏覽器就會(huì)處理它,這篇文章主要介紹了8個(gè)開(kāi)發(fā)者必須知道的JavaScript深層概念,需要的朋友可以參考下2022-10-10javascript 兼容所有瀏覽器的DOM擴(kuò)展功能
技術(shù)文章寫(xiě)得少,所以有時(shí)候想寫(xiě)點(diǎn)什么卻下不了手,不知道該寫(xiě)什么;往往到了準(zhǔn)備要寫(xiě)的時(shí)候才發(fā)現(xiàn)自己想寫(xiě)的東西其實(shí)很無(wú)聊,甚至覺(jué)得很幼稚,于是又關(guān)掉了編緝器2012-08-08簡(jiǎn)單實(shí)現(xiàn)JS倒計(jì)時(shí)效果
這篇文章主要教大家如何簡(jiǎn)單實(shí)現(xiàn)JS倒計(jì)時(shí)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12