2. 程式人生 > >JS繼承（一）

JS繼承（一）

阿新 • • 發佈：2018-07-16
傳播 引用類型 ror show 最終 指點 tor 繼承 分享圖片

突然發現自己很久沒寫過什麽東西了

其實從博客更新的速度上就可以看出一個人近期有沒有成長

對 …… 我沒有成長

也可以由此看出自己選擇的企業是不是對的

對 …… 我不會離職……

略略略 來咬我啊……

於是乎 我把自己以前其他博客發的文章放出來了

歡迎騷擾 歡迎指點 小女子 不勝感激……

——————————————我是分割線————————————————

1.構造函數，實例

構造函數是用來創建對象的函數 與其他函數的區別在於調用方式不同
  • 如果通過new操作符來調用 就是構造函數
  • 如果沒有通過new操作符來調用的就是普通函數
技術分享圖片 在var person1 = new person()中 通過new操作符 調用了函數person 並生成了person1 這裏的person就成為構造函數 person1稱為person函數對象的一個實例 其實可以通過實例的constructor 訪問對應的構造函數 （但是其實constructor並不是實例的屬性） 技術分享圖片
2.原型對象 我們創建一個函數的時候 函數對象都會有一個prototype屬性 這個屬性是一個指針 指向他的原型對象 原型對象的本質也是一個對象 舉個栗子： 技術分享圖片
技術分享圖片

3.構造函數 原型對象和實例的關系 技術分享圖片

由圖可以看出
  • 函數對象的prototype指向原型對象 原型對象的constructor指向函數對象
  • 實例對象的prototype屬性指向原型對象，這裏的perototype是內部屬性 是不允許訪問的
  • 這個屬性的作用：允許實例通過該屬性訪問原型對象中的屬性和方法
技術分享圖片

解釋：console.log(person1.constructor)時說到可以通過實例的constructor訪問構造函數 但是constructor本質上是原型對象的屬性 4.繼承 原型鏈：繼承的主要思路就事利用原型鏈 讓一個引用類型繼承另一個引用類型的屬性和方法
  • 原型對象通過contructor屬性指向構造函數
  • 實例通過prototype屬性指向原型對象
技術分享圖片 原理上圖 技術分享圖片
  • 首先我們創建了A和B 兩個函數對象 同時也生成了他們的原型對象
  • 接著 給A的原型對象添加了sayA()方法
  • 然後是關鍵的一部B.prototype = new A();讓函數對象B的prototype指針指向了一個A的實例
這也就是為什麽最後B的原型對象裏面不在有constructor屬性 （其實B本來有一個真正的原型對象 原本可以通過B.prototype訪問 但是我們現在改寫了這個指針 使他指向了另一個對象，所以B真正的原型對象現在沒法被訪問了 取而代之的這個新的原型對象是 A的一個實例 所以沒有了constructor屬性了）
  • 接下來給這個B.prototype指向的對象增加一個sayB方法
  • 然後生成了一個實例b1
  • 最後調用了b1的sayB方法 可以執行
因為b1有prorotype屬性可以訪問B.prototype裏的方法
  • 調用了b1的sayA方法 可以執行
因為b1沿著prototype屬性可以訪問B.prototype ，B.prototype可以繼續沿著prototype屬性訪問 A.prototype,最終在A.prototype上找到 了sayA方法 所以可以執行 所以現在的結果就相當於 b1繼承了A的屬性和方法 這種由prototype不斷把實例和原型對象聯系起來的結構就是原型鏈 也是js中 繼承主要的實現方式 該篇文章參考思否！ 主要方便自己記憶的同時 傳播 好的內容 ！希望對大家有所幫助！

JS繼承（一）

相關推薦

JS繼承（一）

傳播 引用類型 ror show 最終 指點 tor 繼承 分享圖片 突然發現自己很久沒寫過什麽東西了 其實從博客更新的速度上就可以看出一個人近期有沒有成長 對 …… 我沒有成長 也可以由此看出自己選擇的企業是不是對的 對 …… 我不會離職…… 略略略 來咬我啊…… 於是乎

js 繼承（一）之原型鏈、借用建構函式、組合繼承

前言 … Just we 原型鏈 基本思想利用原型讓一個引用型別繼承另一個引用型別的屬性和方法 function Father() { this.last_name = '張' } Father.prototype.sayLast_Name = fu

理解繼承（一）：JS面向物件程式設計（封裝）

依然是向阮前輩（阮一峰）學習的部落格原文 學了這一階段和峰大神的幾篇文章，打算下一階段滾回去把指標好好學一下 JS 中，萬物皆物件，但是它又不是一門真正的面向物件程式語言。 那如果我們要把“屬性(prototype)”和方法(“method”)封裝成一個物

C++ 繼承（一）

c++ 繼承（一）C++繼承的標準寫法：class BaseMonster { public: string name; string skill; uint32_t hp; void attack() { cout << "Base ::

方便大家學習的Node.js教程（一）：理解Node.js

圖形 -1 iter pri attribute set run 相對 mage 理解Node.js 為了理解Node.js是如何工作的，首先你需要理解一些使得Javascript適用於服務器端開發的關鍵特性。Javascript是一門簡單而又靈活的語言，這種靈

修飾符和關鍵字和繼承（一）

ati 構造 pub 常用 另一個 修飾 tro pri 修飾符 一、靜態修飾符----static 　　static可以修飾內部類、塊、屬性、方法，經static修飾過的元素儲存地址唯一，不會改變 1 public class Test{ 2 static

Java面向對象編程之繼承（一）

col end 分情況討論 讓我 重要 san 封裝 pub void 前言 Java語言有三大重要的特性，分別是繼承、多態和封裝。今天我們就來聊聊繼承，繼承是復用程序代碼的有力手段，使用繼承我們會少寫許多代碼，也可以讓我們在寫代碼的時候邏輯變得更加清楚。 繼承的基本語法

Java語言中的----繼承（一）

java語言中的----繼承（一）day10 Java語言中的繼承（一）一、繼承概述： 繼承：什麽是繼承，程序中的繼承與生活中的繼承還是有區別的，在程序中繼承以後，你的父類和你的子類同樣的也具有某一成員變量。那麽我們為什麽藥學習繼承？是因為我們在編程的時候我們會有大量的代碼需要重寫，從而導致我們代碼比較

js練習題（一）

== 性別 買房子 房子 買房 能力 保持 rom else <script type="text/javascript"> 1.輸入三個整數，x,y,z，最終以從小到大的方式輸出。 var x = prompt("輸入x") var y = p

08慕課網《進擊Node.js基礎（一）》事件events

匿名函數 李白 function func 之前 慕課網 nod TP 不可 引用events模塊中的EventEmitter 事件的監聽和發射 相同的事件發射數量有限，可以通過setMaxListeners設置峰值 var EventEmitter = require

10慕課網《進擊Node.js基礎（一）》初識promise

ima script 改變 ack 一次 margin ML rom 指定 首先用嘴簡單的方式實現一個動畫效果 <!doctype> <html> <head> <title>Promise animation</ti

11慕課網《進擊Node.js基礎（一）》Buffer和Stream

edi str ole com node adf In 類型 base Buffer (logo.png) 以下代碼讀取logo.png為buffer類型 然後將buffer轉化為string 可以將字符串配置： data:image/png;Base64,Buffer.t

JS筆記（一）：基礎知識

bsp man function child 變量 file 使用 IE 單獨 （一） 標識符 標識符就是一個名字，在JS中，標識符用來對變量和函數命名，或者用做JS代碼中某些循環語句中的跳轉位置的標記。JS的標識符必須以字母、_或$符號開始，後續字符可以是字母、數字、_

核心技術讀書筆記----第5章 繼承（一）

特殊 編譯器 父類構造函數 ack 父類 指定 引用 tsa 一句話 第5章 繼承(一) 1、super：當希望子類調用超類的方法時，使用super.方法名super不是一個對象的引用，不能將super賦值給另一個對象變量，它只是一個指示編譯器調用超類方法的特殊關鍵字。 p

Vue.js 筆記（一） 起步

快速入門 <!DOCTYPE html> <html lang="zh" dir="ltr"> <head> <meta charset="utf-8"> <title>vue test </titl

js難點（一）閉包

要了解一個知識點，必須要弄懂它的概念，作用，以及應用場景。 首先，我們從閉包的概念出發； 閉包，就是指能訪問其他函式內部變數的一個函式。換個角度理解，要訪問某個函式內部定義的變數，全域性是無法訪問的，這時只需要在該函式內部定義一個子函式便可以訪問父函式定義的變數，而這個子函式，便可以稱為閉包

Golang 之 面向物件繼承（一）

對於結構體來說，Go中使用一種叫做”組合”的方法來實現繼承 package main type Phone struct { } func (p *Phone) Call() { println("...呼叫中") } // 組合 type Mi8 str

原型鏈與繼承（一）：六種常見繼承模式

一、原型鏈繼承： function SuperType(){ this.colors = ["red", "blue", "green"]; } SuperType.prototype.Fun = function(){ }; function SubType(){ } //

java學習筆記（三）繼承（一）

繼承：繼承是類與類的一種關係 是is-a關係 能夠實現程式碼的複用 繼承的實現：class XXX extends XXX java中的繼承為單繼承     1.好處：         子類擁有父類所有的屬性

javaScript面向物件程式設計-繼承（一）

類有三部分 建構函式內的，供例項化物件複製用的 建構函式外的，直接通過點語法新增的，供類使用，例項化物件訪問不到 類的原型中的，例項化物件可以通過其原型鏈間接地訪問到，也是供所有例項化物件所共用的。 類式繼承 類的原型物件的作用就是為類的原型新增共有方法，但類不