Javascript對(duì)象原型是什么

本篇內(nèi)容主要講解“Javascript對(duì)象原型是什么”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“Javascript對(duì)象原型是什么”吧!

JavaScript 常被描述為一種基于原型的語(yǔ)言 (prototype-based language)——每個(gè)對(duì)象擁有一個(gè)原型對(duì)象，對(duì)象以其原型為模板、從原型繼承方法和屬性。

原型對(duì)象也可能擁有原型，并從中繼承方法和屬性，一層一層、以此類(lèi)推。這種關(guān)系常被稱(chēng)為原型鏈 (prototype chain)，它解釋了為何一個(gè)對(duì)象會(huì)擁有定義在其他對(duì)象中的屬性和方法。

對(duì)象原型Prototype

1、方法過(guò)載

創(chuàng)建一個(gè)小貓構(gòu)造函數(shù)，代碼如下：

function Cat(name,color){this.name = name;this.color = color; this.run=function(){    alert(“一只”+this.color +”的小貓飛奔過(guò)來(lái)...”);}this.eat=function(){    alert(this.name +”要吃魚(yú)”);}} var cat1 = new Cat();

以上所有用this定義方法，this代表新的實(shí)例，都會(huì)在創(chuàng)建新實(shí)例時(shí)為其創(chuàng)建一個(gè)方法副本。

是不是有點(diǎn)多余，怎么解決 ？？

分析：每一個(gè)類(lèi)型都擁有的特性，每次在實(shí)例級(jí)別定義確實(shí)有點(diǎn)浪費(fèi)，那么如果能在類(lèi)級(jí)別定義，每一個(gè)實(shí)例自動(dòng)擁有類(lèi)的通用特征就好了。在這里我們就要用到prototype。

2、原型的使用

2.1、 原型屬性

在JavaScript中，函數(shù)本身也是一個(gè)包含了“方法”和“屬性”的對(duì)象。比如之前學(xué)了一些方法（如constructor()）及屬性(如name和length)等等。

現(xiàn)在來(lái)介紹一個(gè)新的屬性--原型Prototype。

我們創(chuàng)建的每個(gè)函數(shù)都有一個(gè) prototype（原型）屬性，他指向一個(gè)對(duì)象，而這個(gè)對(duì)象的用途是包含可以由特定類(lèi)型的所有實(shí)例共享的屬性和方法。

// 定義一個(gè)構(gòu)造器function Person(name,age){}// 函數(shù)的形參個(gè)數(shù)console.debug(Person.length)// ==>2// 構(gòu)造函數(shù)console.debug(Person.constructor)// ==> Function()// 原型類(lèi)型console.debug(typeof Person.prototype)// ==>object// 原型內(nèi)容console.debug(Person.prototype)// ↓↓

每一個(gè)類(lèi)（構(gòu)造函數(shù)）都具有一個(gè)prototype屬性，當(dāng)創(chuàng)建這個(gè)類(lèi)的實(shí)例對(duì)象原型對(duì)象的所有屬性都被立即賦予要?jiǎng)?chuàng)建的對(duì)象中。

2.2、原型操作

設(shè)值：

構(gòu)造函數(shù).原型.屬性=屬性值構(gòu)造函數(shù).原型.方法=函數(shù)

取值：

對(duì)象.屬性對(duì)象.方法()

2.3、屬性訪(fǎng)問(wèn)的優(yōu)先級(jí)

原生屬性的優(yōu)先級(jí)高于原型屬性。遵循從上到下查找：

2.4、神秘的__proto__屬性

訪(fǎng)問(wèn)對(duì)象上面的屬性，直接通過(guò)object.name訪(fǎng)問(wèn)。

神奇的user.__proto__屬性，該屬性其實(shí)就是對(duì)應(yīng)User類(lèi)的prototype屬性。

console.debug(user.__proto__===User.prototyp);//==> true;

_proto_屬性屬于對(duì)象實(shí)例，prototype屬性類(lèi)的屬性。

每個(gè)對(duì)象在創(chuàng)建后，都會(huì)自動(dòng)建立一個(gè)到prototype上的引用，讓對(duì)象具備類(lèi)型原型的所有特征。

一個(gè)對(duì)象中的__proto__(prototype)屬性中的成員，可以直接通過(guò)object.成員進(jìn)行訪(fǎng)問(wèn)。

到此，相信大家對(duì)“Javascript對(duì)象原型是什么”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！