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

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

 更新時間:2019年10月02日 10:30:49   作者:kevin.Xiang  
這篇文章主要介紹了JavaScript 面向?qū)ο蠡A(chǔ),結(jié)合簡單實例形式分析了JavaScript面向?qū)ο蟪绦蛟O(shè)計中類的定義、類方法與屬性相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了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è)計有所幫助。

相關(guān)文章

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

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

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

    JavaScript實現(xiàn)簡單的隱藏式側(cè)邊欄功能示例

    這篇文章主要介紹了JavaScript實現(xiàn)簡單的隱藏式側(cè)邊欄功能,涉及javascript結(jié)合定時器針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2018-08-08
  • javascript中獲取元素標簽中間的內(nèi)容的實現(xiàn)方法

    javascript中獲取元素標簽中間的內(nèi)容的實現(xiàn)方法

    下面小編就為大家?guī)硪黄猨avascript中獲取元素標簽中間的內(nèi)容的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • js動態(tài)生成唯一id的三種方法

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

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

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

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

    淺談JavaScript中的“!!”作用

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

    8個開發(fā)者必須知道的JavaScript深層概念(推薦)

    JavaScript有一個名為“調(diào)用堆?!保–all Stack)的簡單列表,它逐一管理任務(wù)(堆棧算法),但是當異步任務(wù)被傳遞時,JavaScript會把它彈出到web API,瀏覽器就會處理它,這篇文章主要介紹了8個開發(fā)者必須知道的JavaScript深層概念,需要的朋友可以參考下
    2022-10-10
  • javascript 兼容所有瀏覽器的DOM擴展功能

    javascript 兼容所有瀏覽器的DOM擴展功能

    技術(shù)文章寫得少,所以有時候想寫點什么卻下不了手,不知道該寫什么;往往到了準備要寫的時候才發(fā)現(xiàn)自己想寫的東西其實很無聊,甚至覺得很幼稚,于是又關(guān)掉了編緝器
    2012-08-08
  • JavaScript里 ==與===區(qū)別詳解

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

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

    簡單實現(xiàn)JS倒計時效果

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

最新評論