首頁 > web前端 > js教程 > js原型鍊是什麼

js原型鍊是什麼

little bottle
發布: 2019-05-31 10:45:00
原創
15916 人瀏覽過

原型鍊是一種機制,指的是JavaScript每個物件都包含原型物件都有內建的[[proto]]屬性指向建立它的函數物件的原型對象,也就是prototype屬性。

js原型鍊是什麼

作用:原型鏈的存在,主要是為了實現物件的繼承。

關於原型鏈的幾個概念:

#1、函數物件

在JavaScript中,函數即對象。

2、原型物件

當定義一個函數物件的時候,會包含一個預先定義的屬性,叫prototype,這就屬性稱之為原型物件。

//函数对象
function F(){};
console.log(F.prototype)
登入後複製

js原型鍊是什麼

3、__proto__

#JavaScript在建立物件的時候,都會有一個[[proto]]的內建屬性,用於指向建立它的函數物件的prototype。原型物件也有[[proto]]屬性。因此在不斷的指向中,形成了原型鏈。

舉例來說,我們將物件F的原型物件修改一下,就可以清楚看到上述的關係

//函数对象
function F(){};
F.prototype = {
    hello : function(){}
};
var f = new F();
console.log(f.__proto__)
登入後複製

js原型鍊是什麼

4 、new

當使用new去呼叫建構函式時,相當於執行了

var o = {};
o.__proto__ = F.prototype;
F.call(o);
登入後複製

因此,在原型鏈的實作上,new起到了很關鍵的作用。

5、constructor

原型物件prototype上都有個預先定義的constructor屬性,用來引用它的函數物件。這是一種循環引用。

function F(){};
F.prototype.constructor === F;
登入後複製

在實際運用中,常常會有下列的寫法

function F(){};
F.prototype = {
    constructor : F,
    doSomething : function(){}
}
登入後複製

這裡要加constructor是因為重寫了原型對象,constructor屬性就消失了,需要自己手動補上。

6、原型鏈的記憶體結構

function F(){
    this.name = 'zhang';
};
var f1 = new F();
var f2 = new F();
登入後複製

以上是js原型鍊是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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