JavaScript 面向對象基礎簡單示例
更新時間：2019年10月02日 10:30:49 作者：kevin.Xiang
這篇文章主要介紹了JavaScript 面向對象基礎,結合簡單實例形式分析了JavaScript面向對象程序設計中類的定義、類方法與屬性相關操作技巧,需要的朋友可以參考下
本文實例講述了JavaScript 面向對象。分享給大家供大家參考，具體如下：
JavaScript 面向對象
- this：this代指對象(python self)
- 對象 = new 函數()：創(chuàng)建對象：添加“new 函數()”相當與創(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>
運行結果：
注：obj1~2 對象內存里會重復調用this.sayName，從而增加內存損耗。
注：創(chuàng)建obj對象并傳入參數、obj1.name就是we。
注：obj1.sayNmae() 執(zhí)行方法 調用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('chabaoo.cn');
obj2.name
obj2.sayName()
</script>
運行結果：
注：每一個對象內只封裝了一個name。
注：調用obj1.sayName()時會先找Foo類，然后在去Foo的原型里找sayName。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
氣泡提示框牽扯到的技術有：JS響應鼠標的事件、純CSS制作三角形，附截圖及示例代碼，感興趣的朋友可以參考下2013-08-08
這篇文章主要介紹了JavaScript實現簡單的隱藏式側邊欄功能,涉及javascript結合定時器針對頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2018-08-08
下面小編就為大家?guī)硪黄猨avascript中獲取元素標簽中間的內容的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了js動態(tài)生成唯一id的兩種方法,需要的朋友可以參考下2023-05-05
html2canvas屬性和使用方法以及如何使用html2canvas將HTML內容寫入Canvas生成圖片
為大家介紹一款JS截圖插件html2canvas.js， 它可以通過純JS對瀏覽器端經行截屏,下面就為大家介紹一下html2canvas.js屬性和具體使用方法，并為大家提供了一個實例2020-01-01
這篇文章主要介紹了淺談JavaScript中的“!!”作用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
8個開發(fā)者必須知道的JavaScript深層概念(推薦)
JavaScript有一個名為“調用堆?！保–all Stack）的簡單列表，它逐一管理任務（堆棧算法），但是當異步任務被傳遞時，JavaScript會把它彈出到web API，瀏覽器就會處理它，這篇文章主要介紹了8個開發(fā)者必須知道的JavaScript深層概念，需要的朋友可以參考下2022-10-10
技術文章寫得少，所以有時候想寫點什么卻下不了手，不知道該寫什么；往往到了準備要寫的時候才發(fā)現自己想寫的東西其實很無聊，甚至覺得很幼稚，于是又關掉了編緝器2012-08-08
這篇文章主要介紹了JavaScript里 ==與===區(qū)別詳解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要教大家如何簡單實現JS倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12