JScript中的prototype(原型)屬性研究第1/2頁(yè)
更新時(shí)間：2010年04月09日 14:20:09 作者：
我們知道JScript中對(duì)象的prototype屬性，是用來(lái)返回對(duì)象類(lèi)型原型的引用的。
我們使用prototype屬性提供對(duì)象的類(lèi)的一組基本功能。并且對(duì)象的新實(shí)例會(huì)"繼承"賦予該對(duì)象原型的操作。但是這個(gè)prototype到底是怎么實(shí)現(xiàn)和被管理的呢？
對(duì)于對(duì)象的prototype屬性的說(shuō)明，JScript手冊(cè)上如是說(shuō)：所有 JScript 內(nèi)部對(duì)象都有只讀的 prototype 屬性?？梢韵蚱湓椭袆?dòng)態(tài)添加功能(屬性和方法)，但該對(duì)象不能被賦予不同的原型。然而，用戶(hù)定義的對(duì)象可以被賦給新的原型。
下面我們看三個(gè)經(jīng)典的prototype屬性的使用示例。
1、為腳本環(huán)境內(nèi)建對(duì)象添加方法：
Array.prototype.max = function()
{
var i, max = this[0];
for (i = 1; i < this.length; i++)
{
if (max < this[i])
max = this[i];
}
return max;
};
2、為用戶(hù)自定義類(lèi)添加方法：
function TestObject(name)
{
this.m_Name = name;
}
TestObject.prototype.ShowName = function()
{
alert(this.m_Name);
};
3、更新自定義類(lèi)的prototype：
function TestObjectA()
{
this.MethodA = function()
{
alert('TestObjectA.MethodA()');
}
}
function TestObjectB()
{
this.MethodB = function()
{
alert('TestObjectB.MethodB()');
}
}
TestObjectB.prototype = new TestObjectA();
第三個(gè)很眼熟吧？對(duì)啊，它就是我們前面介紹的原型繼承法呀~~ 不過(guò)今天我們不是研究"繼承"，之所以可以這樣來(lái)實(shí)現(xiàn)一種繼承，只是利用了prototype屬性的一個(gè)副作用而已。
prototype還有一個(gè)默認(rèn)的屬性：constructor，是用來(lái)表示創(chuàng)建對(duì)象的函數(shù)的(即我們OOP里說(shuō)的構(gòu)造函數(shù))。constructor屬性是所有具有prototype屬性的對(duì)象的成員。它們包括除Global和Math對(duì)象以外的所有JScript內(nèi)部對(duì)象。constructor屬性保存了對(duì)構(gòu)造特定對(duì)象實(shí)例的函數(shù)的引用。
弄清楚了JScript中prototype屬性怎么使用后，下面我們?cè)賮?lái)深入的研究它。
對(duì)于對(duì)象的prototype屬性的說(shuō)明，JScript手冊(cè)上如是說(shuō)：所有 JScript 內(nèi)部對(duì)象都有只讀的 prototype 屬性?？梢韵蚱湓椭袆?dòng)態(tài)添加功能(屬性和方法)，但該對(duì)象不能被賦予不同的原型。然而，用戶(hù)定義的對(duì)象可以被賦給新的原型。
下面我們看三個(gè)經(jīng)典的prototype屬性的使用示例。
1、為腳本環(huán)境內(nèi)建對(duì)象添加方法：
復(fù)制代碼 代碼如下:
Array.prototype.max = function()
{
var i, max = this[0];
for (i = 1; i < this.length; i++)
{
if (max < this[i])
max = this[i];
}
return max;
};
2、為用戶(hù)自定義類(lèi)添加方法：
復(fù)制代碼 代碼如下:
function TestObject(name)
{
this.m_Name = name;
}
TestObject.prototype.ShowName = function()
{
alert(this.m_Name);
};
3、更新自定義類(lèi)的prototype：
復(fù)制代碼 代碼如下:
function TestObjectA()
{
this.MethodA = function()
{
alert('TestObjectA.MethodA()');
}
}
function TestObjectB()
{
this.MethodB = function()
{
alert('TestObjectB.MethodB()');
}
}
TestObjectB.prototype = new TestObjectA();
第三個(gè)很眼熟吧？對(duì)啊，它就是我們前面介紹的原型繼承法呀~~ 不過(guò)今天我們不是研究"繼承"，之所以可以這樣來(lái)實(shí)現(xiàn)一種繼承，只是利用了prototype屬性的一個(gè)副作用而已。
prototype還有一個(gè)默認(rèn)的屬性：constructor，是用來(lái)表示創(chuàng)建對(duì)象的函數(shù)的(即我們OOP里說(shuō)的構(gòu)造函數(shù))。constructor屬性是所有具有prototype屬性的對(duì)象的成員。它們包括除Global和Math對(duì)象以外的所有JScript內(nèi)部對(duì)象。constructor屬性保存了對(duì)構(gòu)造特定對(duì)象實(shí)例的函數(shù)的引用。
弄清楚了JScript中prototype屬性怎么使用后，下面我們?cè)賮?lái)深入的研究它。
相關(guān)文章
關(guān)于加快微信小程序開(kāi)發(fā)的一些小建議
微信小程序是一種全新的連接用戶(hù)與服務(wù)的方式，下面這篇文章主要給大家介紹了關(guān)于加快微信小程序開(kāi)發(fā)的一些小建議，需要的朋友可以參考下2021-05-05
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)顯示和隱藏某個(gè)控件功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)顯示和隱藏某個(gè)控件功能,涉及微信小程序事件響應(yīng)及樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
自從AJAX崛起后，javascript的程序越來(lái)越龐大，不得不考慮到各種測(cè)試。2010-06-06
獲取radio選中后的值，這在提交頁(yè)面經(jīng)常會(huì)使用到的，在本文為大家介紹下不選擇也能獲取radio的值，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-10-10![js 變量類(lèi)型轉(zhuǎn)換常用函數(shù)與代碼[比較全]](http://img.jbzj.com/images/xgimg/bcimg4.png)
js 變量類(lèi)型轉(zhuǎn)換常用函數(shù)與代碼[比較全]
腳本之家收集了一些 數(shù)字與字符之間的轉(zhuǎn)換，數(shù)組轉(zhuǎn)為字符等函數(shù)代碼。2009-12-12
今天小編就為大家分享一篇layui 上傳圖片 返回圖片地址的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了用js實(shí)現(xiàn)輪播圖，播放上一張，下一張，可選取第幾張等效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript編程中容易出BUG的幾點(diǎn)小知識(shí)
這篇文章主要介紹了JavaScript編程中容易出BUG的幾點(diǎn)小知識(shí),本文總結(jié)了8條小知識(shí),這些小知識(shí)如果弄不明白,會(huì)在編程中給你惹麻煩出BUG,需要的朋友可以參考下2015-01-01
JavaScript運(yùn)動(dòng)框架 多值運(yùn)動(dòng)(四)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動(dòng)框架第四部分，多值運(yùn)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了8 個(gè)有用的JS技巧(推薦)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-07-07