JavaScript原型及原型鏈

SKYZACK 發(fā)布于2019-08-19 17:11 / 1573人閱讀

摘要：原型及原型鏈區(qū)別一下，普通對(duì)象和函數(shù)對(duì)象。原型的作用就是繼承。原型鏈在創(chuàng)建對(duì)象不論是普通對(duì)象還是函數(shù)對(duì)象的時(shí)候，都有一個(gè)叫做的內(nèi)置屬性，用于指向創(chuàng)建它的函數(shù)對(duì)象的原型對(duì)象。總結(jié)一下事實(shí)證明，真正起作用的不是，而是。

JavaScript原型及原型鏈

區(qū)別一下，普通對(duì)象和函數(shù)對(duì)象。函數(shù)對(duì)象才有prototype屬性。

函數(shù)對(duì)象：

function f1(){};
var f2 = function(){};
var f3 = new Function("str","console.log(str)");

普通對(duì)象：

var o3 = new f1();
var o1 = {};
var o2 =new Object();

簡(jiǎn)單的說(shuō)，凡是通過 new Function() 創(chuàng)建的對(duì)象都是函數(shù)對(duì)象，其他的都是普通對(duì)象。
原型的作用就是繼承。

原型鏈：
JS在創(chuàng)建對(duì)象（不論是普通對(duì)象還是函數(shù)對(duì)象）的時(shí)候，都有一個(gè)叫做__proto__的內(nèi)置屬性，用于指向創(chuàng)建它的函數(shù)對(duì)象的原型對(duì)象prototype。
原型對(duì)象prototype中都有個(gè)預(yù)定義的constructor屬性，用來(lái)引用它的函數(shù)對(duì)象。

person.prototype. constructor === person  //true
Function.prototype.constructor === Function //true
Object.prototype.constructor === Object //true

總結(jié)一下：

var animal = function(){};
var dog = function(){};
animal.price = 2000;//
dog.prototype = animal;
var tidy = new dog();
console.log(dog. price)  //undefined
console.log(tidy.price)  // 2000

事實(shí)證明，真正起作用的不是prototype ，而是__proto__。

云服務(wù)器 GPU云服務(wù)器原型原型鏈原型鏈 javascript原型原型鏈繼承

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/78281.html

相關(guān)文章

javaScript原型及原型鏈詳解（二）

摘要：當(dāng)然這還沒完，因?yàn)槲覀冞€有重要的一步?jīng)]完成，沒錯(cuò)就是上面的第行代碼，如果沒有這行代碼實(shí)例中的指針是指向構(gòu)造函數(shù)的，這樣顯然是不對(duì)的，因?yàn)檎Ｇ闆r下應(yīng)該指向它的構(gòu)造函數(shù)，因此我們需要手動(dòng)更改使重新指向?qū)ο蟆? 第一節(jié)內(nèi)容：javaScript原型及原型鏈詳解（二）第一節(jié)中我們介紹了javascript中的原型和原型鏈，這一節(jié)我們來(lái)講利用原型和原型鏈我們可以做些什么。普通對(duì)象的繼承 ...

widuu 2019-08-20 16:37 評(píng)論0 收藏0
javaScript原型及原型鏈詳解（一）

摘要：執(zhí)行行代碼，我們可以看到控制臺(tái)打印出來(lái)的結(jié)果如下結(jié)果印證了我們上面講的內(nèi)容指向的構(gòu)造函數(shù)指向的原型對(duì)象原型對(duì)象中指向構(gòu)造函數(shù)。在javascript中原型和原型鏈機(jī)制是最難懂的部分（沒有之一），同時(shí)也是最重要的部分，在學(xué)習(xí)的過程中你可能認(rèn)認(rèn)真真的看了一遍但還是完全不懂書上說(shuō)的什么，的確是這樣的，我在學(xué)習(xí)的時(shí)候可是反復(fù)看了4、5遍才初步理解了。下面我把我的理解總結(jié)了一下希望對(duì)你們有...

springDevBird 2019-08-20 16:37 評(píng)論0 收藏0
JavaScript原型與原型鏈

摘要：每個(gè)原型對(duì)象都有一個(gè)屬性指向關(guān)聯(lián)的構(gòu)造函數(shù)為了驗(yàn)證這一說(shuō)話，舉個(gè)例子。本文共 1475 字，讀完只需 6 分鐘一、概述在 JavaScript 中，是一種面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言，但是 JS 本身是沒有類的概念，JS 是靠原型和原型鏈實(shí)現(xiàn)對(duì)象屬性的繼承。在理解原型前，需要先知道對(duì)象的構(gòu)造函數(shù)是什么，構(gòu)造函數(shù)都有什么特點(diǎn)？ 1. 構(gòu)造函數(shù) // 構(gòu)造函數(shù) Person() ...

liaosilzu2007 2019-08-23 12:24 評(píng)論0 收藏0
淺談javascript的原型及原型鏈

摘要：在中，主要有兩種創(chuàng)建對(duì)象的方法分別是對(duì)象字面量以及調(diào)用構(gòu)造函數(shù)對(duì)象字面量調(diào)用構(gòu)造函數(shù)其實(shí)上述兩種創(chuàng)建對(duì)象的方法，本質(zhì)上是一樣的，都是引擎調(diào)用對(duì)象的構(gòu)造函數(shù)來(lái)新建出一個(gè)對(duì)象。原型與原型鏈?zhǔn)莏avascript里面最最核心的內(nèi)容，如果不能理解它們之間的存在關(guān)系的話，那么我們是不能理解這門語(yǔ)言的。在JS中，主要有兩種創(chuàng)建對(duì)象的方法, 分別是對(duì)象字面量以及調(diào)用構(gòu)造函數(shù) //對(duì)象字面量 va...

includecmath 2019-08-20 14:17 評(píng)論0 收藏0
JavaScript 的繼承方式及優(yōu)缺點(diǎn)

摘要：繼承簡(jiǎn)介在的中的面向?qū)ο缶幊蹋^承是給構(gòu)造函數(shù)之間建立關(guān)系非常重要的方式，根據(jù)原型鏈的特點(diǎn)，其實(shí)繼承就是更改原本默認(rèn)的原型鏈，形成新的原型鏈的過程。 showImg(https://segmentfault.com/img/remote/1460000018998684); 閱讀原文前言 JavaScript 原本不是純粹的 OOP 語(yǔ)言，因?yàn)樵?ES5 規(guī)范中沒有類的概念，在 ...

nanchen2251 2019-08-23 12:18 評(píng)論0 收藏0