欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 面向?qū)ο蠡A(chǔ)簡(jiǎn)單示例

 更新時(shí)間:2019年10月02日 10:30:49   作者:kevin.Xiang  
這篇文章主要介紹了JavaScript 面向?qū)ο蠡A(chǔ),結(jié)合簡(jiǎn)單實(shí)例形式分析了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中類的定義、類方法與屬性相關(guā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ì)有所幫助。

相關(guān)文章

  • JS+CSS實(shí)現(xiàn)一個(gè)氣泡提示框

    JS+CSS實(shí)現(xiàn)一個(gè)氣泡提示框

    氣泡提示框牽扯到的技術(shù)有:JS響應(yīng)鼠標(biāo)的事件、純CSS制作三角形,附截圖及示例代碼,感興趣的朋友可以參考下
    2013-08-08
  • JavaScript實(shí)現(xiàn)簡(jiǎn)單的隱藏式側(cè)邊欄功能示例

    JavaScript實(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-08
  • javascript中獲取元素標(biāo)簽中間的內(nèi)容的實(shí)現(xiàn)方法

    javascript中獲取元素標(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-10
  • js動(dòng)態(tài)生成唯一id的三種方法

    js動(dòng)態(tài)生成唯一id的三種方法

    這篇文章主要介紹了js動(dòng)態(tài)生成唯一id的兩種方法,需要的朋友可以參考下
    2023-05-05
  • html2canvas屬性和使用方法以及如何使用html2canvas將HTML內(nèi)容寫(xiě)入Canvas生成圖片

    html2canvas屬性和使用方法以及如何使用html2canvas將HTML內(nèi)容寫(xiě)入Canvas生成圖片

    為大家介紹一款JS截圖插件html2canvas.js, 它可以通過(guò)純JS對(duì)瀏覽器端經(jīng)行截屏,下面就為大家介紹一下html2canvas.js屬性和具體使用方法,并為大家提供了一個(gè)實(shí)例
    2020-01-01
  • 淺談JavaScript中的“!!”作用

    淺談JavaScript中的“!!”作用

    這篇文章主要介紹了淺談JavaScript中的“!!”作用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • 8個(gè)開(kāi)發(fā)者必須知道的JavaScript深層概念(推薦)

    8個(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-10
  • javascript 兼容所有瀏覽器的DOM擴(kuò)展功能

    javascript 兼容所有瀏覽器的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
  • JavaScript里 ==與===區(qū)別詳解

    JavaScript里 ==與===區(qū)別詳解

    這篇文章主要介紹了JavaScript里 ==與===區(qū)別詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-08-08
  • 簡(jiǎn)單實(shí)現(xiàn)JS倒計(jì)時(shí)效果

    簡(jiǎn)單實(shí)現(xiàn)JS倒計(jì)時(shí)效果

    這篇文章主要教大家如何簡(jiǎn)單實(shí)現(xiàn)JS倒計(jì)時(shí)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12

最新評(píng)論