首頁 > web前端 > js教程 > javascript prototype 方法是什麼

javascript prototype 方法是什麼

藏色散人
發布: 2021-11-09 14:52:35
原創
1726 人瀏覽過

javascript prototype是指javascript的原型對象,而所有的JavaScript物件都會從一個prototype,也就是原型物件中繼承屬性和方法。

javascript prototype 方法是什麼

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript prototype 方法是什麼?

JavaScript prototype(原型物件)

所有的 JavaScript 物件都會從一個 prototype(原型物件)繼承屬性和方法。

prototype 繼承

所有的JavaScript 物件都會從一個prototype(原型物件)繼承屬性與方法:

Date 对象从 Date.prototype 继承。
Array 对象从 Array.prototype 继承。
Person 对象从 Person.prototype 继承。
登入後複製

所有JavaScript 中的對象都是位於原型鏈頂端的Object 的實例。

JavaScript 物件有一個指向一個原型物件的鏈。當試圖存取一個物件的屬性時,它不僅在該物件上搜尋,還會搜尋該物件的原型,以及該物件的原型的原型,依次層層向上搜索,直到找到一個名字匹配的屬性或到達原型鏈的末尾。

Date 物件, Array 物件, 以及 Person 物件從 Object.prototype 繼承。

新增屬性和方法

有的時候我們想要在所有已經存在的物件中加入新的屬性或方法。

另外,有時候我們想要在物件的建構子中加入屬性或方法。

使用prototype 屬性就可以為物件的建構函式新增新的屬性:

實例

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.nationality = "English";
登入後複製

當然我們也可以使用prototype 屬性就可以為物件的建構函式新增新的方法:

實例

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.name = function() {
  return this.firstName + " " + this.lastName;
};
登入後複製

推薦學習:《javascript基礎教學

以上是javascript prototype 方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板