javascript中prototype方法有什么用

這篇文章主要為大家展示了“javascript中prototype方法有什么用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“javascript中prototype方法有什么用”這篇文章吧。

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

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

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中prototype方法有什么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！