建站
咨詢
售后
建站咨詢
新聞中心
本篇文章給大家分享的是有關(guān)js原型鏈?zhǔn)鞘裁?，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
原型鏈?zhǔn)且环N機(jī)制，指的是JavaScript每個(gè)對(duì)象包括原型對(duì)象都有一個(gè)內(nèi)置的[[proto]]屬性指向創(chuàng)建它的函數(shù)對(duì)象的原型對(duì)象，即prototype屬性。
作用：原型鏈的存在，主要是為了實(shí)現(xiàn)對(duì)象的繼承。
關(guān)于原型鏈的幾個(gè)概念：
1、函數(shù)對(duì)象
在JavaScript中，函數(shù)即對(duì)象。
2、原型對(duì)象
當(dāng)定義一個(gè)函數(shù)對(duì)象的時(shí)候，會(huì)包含一個(gè)預(yù)定義的屬性，叫prototype，這就屬性稱之為原型對(duì)象。
//函數(shù)對(duì)象function F(){};console.log(F.prototype)3、__proto__
JavaScript在創(chuàng)建對(duì)象的時(shí)候，都會(huì)有一個(gè)[[proto]]的內(nèi)置屬性，用于指向創(chuàng)建它的函數(shù)對(duì)象的prototype。原型對(duì)象也有[[proto]]屬性。因此在不斷的指向中，形成了原型鏈。
舉個(gè)例子來說，我們將對(duì)象F的原型對(duì)象修改一下，就可以清楚看到上述的關(guān)系
//函數(shù)對(duì)象function F(){};F.prototype = { hello : function(){}};var f = new F();console.log(f.__proto__)4、new
當(dāng)使用new去調(diào)用構(gòu)造函數(shù)時(shí)，相當(dāng)于執(zhí)行了
var o = {};o.__proto__ = F.prototype;F.call(o);因此，在原型鏈的實(shí)現(xiàn)上，new起到了很關(guān)鍵的作用。
5、constructor
原型對(duì)象prototype上都有個(gè)預(yù)定義的constructor屬性，用來引用它的函數(shù)對(duì)象。這是一種循環(huán)引用。
function F(){};F.prototype.constructor === F;在實(shí)際運(yùn)用中，經(jīng)常會(huì)有下列的寫法
function F(){};F.prototype = { constructor : F, doSomething : function(){}}這里要加constructor是因?yàn)橹貙懥嗽蛯?duì)象，constructor屬性就消失了，需要自己手動(dòng)補(bǔ)上。
6、原型鏈的內(nèi)存結(jié)構(gòu)
function F(){ this.name = 'zhang';};var f1 = new F();var f2 = new F();以上就是js原型鏈?zhǔn)鞘裁?，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站標(biāo)題：js原型鏈?zhǔn)鞘裁?創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://www.dlmjj.cn/article/djsjgo.html
