JavaScript 面向對象基礎簡單示例

更新時間：2019年10月02日 10:30:49 作者：kevin.Xiang

這篇文章主要介紹了JavaScript 面向對象基礎,結合簡單實例形式分析了JavaScript面向對象程序設計中類的定義、類方法與屬性相關操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript 面向對象。分享給大家供大家參考，具體如下：

JavaScript 面向對象

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>

運行結果：

注：obj1~2 對象內存里會重復調用this.sayName，從而增加內存損耗。
注：創(chuàng)建obj對象并傳入?yún)?shù)、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('www.dhdzp.com');
obj2.name
obj2.sayName()
</script>

運行結果：

注：每一個對象內只封裝了一個name。
注：調用obj1.sayName()時會先找Foo類，然后在去Foo的原型里找sayName。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

js封裝成插件的步驟方法
本篇文章主要介紹了js封裝成插件的步驟方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
Fuse.js模糊查詢算法學習指南
這篇文章主要為大家介紹了Fuse.js模糊查詢算法學習指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
JavaScript中的異常捕捉介紹
這篇文章主要介紹了JavaScript中的異常捕捉介紹,本文講解了throw語句拋出異常,try/catch/finally語句捕捉異常,需要的朋友可以參考下
2014-12-12
bootstrap select插件封裝成Vue2.0組件
這篇文章主要為大家詳細介紹了bootstrap select插件封裝成Vue2.0組件的相關方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
微信小程序之左右布局的實現(xiàn)代碼
這篇文章主要介紹了微信小程序之左右布局的實現(xiàn)代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-12-12
JavaScript實現(xiàn)彈出式可拖動登錄框
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)彈出式可拖動登錄框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
小程序實現(xiàn)單選多選功能
這篇文章主要為大家詳細介紹了小程序實現(xiàn)單選多選功能，可自定義樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11
JavaScript實現(xiàn)音樂自動切換和輪播
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)音樂自動切換和輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
用js的for循環(huán)獲取radio選中的值
獲取radio選中值的方法有很多，在本文為大家介紹的是使用for循環(huán)來實現(xiàn)，具體的實現(xiàn)如下，感興趣的朋友可以參考下
2013-10-10
詳解多頁應用 Webpack4 配置優(yōu)化與踩坑記錄
這篇文章主要介紹了詳解多頁應用 Webpack4 配置優(yōu)化與踩坑記錄，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-10-10