国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

JavaScript類的繼承操作實(shí)例總結(jié)

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:02:28
文檔

JavaScript類的繼承操作實(shí)例總結(jié)

JavaScript類的繼承操作實(shí)例總結(jié):本文實(shí)例總結(jié)了JavaScript類的繼承操作。分享給大家供大家參考,具體如下: 一、類式繼承 首先要做的是創(chuàng)建構(gòu)造函數(shù)。按慣例,其名稱就是類名,首字母應(yīng)該大寫(xiě)。在構(gòu)造函數(shù)中,創(chuàng)建實(shí)例屬性要用關(guān)鍵字this 。類的方法則被添加到prototype對(duì)象中。要?jiǎng)?chuàng)建該
推薦度:
導(dǎo)讀JavaScript類的繼承操作實(shí)例總結(jié):本文實(shí)例總結(jié)了JavaScript類的繼承操作。分享給大家供大家參考,具體如下: 一、類式繼承 首先要做的是創(chuàng)建構(gòu)造函數(shù)。按慣例,其名稱就是類名,首字母應(yīng)該大寫(xiě)。在構(gòu)造函數(shù)中,創(chuàng)建實(shí)例屬性要用關(guān)鍵字this 。類的方法則被添加到prototype對(duì)象中。要?jiǎng)?chuàng)建該

本文實(shí)例總結(jié)了JavaScript類的繼承操作。分享給大家供大家參考,具體如下:

一、類式繼承

首先要做的是創(chuàng)建構(gòu)造函數(shù)。按慣例,其名稱就是類名,首字母應(yīng)該大寫(xiě)。在構(gòu)造函數(shù)中,創(chuàng)建實(shí)例屬性要用關(guān)鍵字this 。類的方法則被添加到prototype對(duì)象中。要?jiǎng)?chuàng)建該類的實(shí)例,只需結(jié)合關(guān)鍵字new調(diào)用這構(gòu)造函數(shù)即可。

/* Class Person. */
function Person(name) {
 this.name = name;
}
Person.prototype.getName = function() {
 return this.name;
}
var reader = new Person('John Smith');
reader.getName();

二、原型鏈

JavaScript的每個(gè)對(duì)象都有一個(gè)名為prototype的屬性,這個(gè)屬性要么指向另一個(gè)對(duì)象,要么是null.在訪問(wèn)對(duì)象的某個(gè)成員時(shí),如果這個(gè)成員未見(jiàn)于當(dāng)前對(duì)象,那么就會(huì)到prototype所指的對(duì)象中去查找。如果還是沒(méi)有找到,那么就會(huì)沿著原型鏈逐一訪問(wèn)每個(gè)原型對(duì)象,直到找到這個(gè)成員。這意味著讓一個(gè)類繼承另一個(gè)類,只需將子類的prototype設(shè)置為超類的一個(gè)實(shí)例即可。

為了讓Author繼承Person,必須手工將Author的prototype設(shè)置為Person的一個(gè)實(shí)例。最后一步是將prototypeconstruct屬性重設(shè)為Author(因?yàn)?code>prototype屬性設(shè)置為Person的實(shí)例)時(shí),其construct屬性被抹除了。

function Author(name, books) {
 Person.call(this, name); // Call the superclass' constructor in the scope of this.
 this.books = books; // Add an attribute to Author.
}
Author.prototype = new Person(); // Set up the prototype chain.
Author.prototype.constructor = Author; // Set the constructor attribute to Author.
Author.prototype.getBooks = function() { // Add a method to Author.
 return this.books;
};
var author = [];
author[0] = new Author('Dustin Diaz', ['JavaScript Design Patterns']);
author[1] = new Author('Ross Harmes', ['JavaScript Design Patterns']);
console.log(author[1].getName());
console.log(author[1].getBooks());

三、extend函數(shù)

為了簡(jiǎn)化類的聲明,可以把派生子類的整個(gè)過(guò)程包裝在一個(gè)名為extend的函數(shù)中。它的作用與其他語(yǔ)言的extend關(guān)鍵字類似,即基于一個(gè)給定的類的結(jié)構(gòu)創(chuàng)建一個(gè)新的類:

function extend(subClass, superClass) {
 var F = function() {};
 F.prototype = superClass.prototype;
 subClass.prototype = new F();
 subClass.prototype.constructor = subClass;
}

其實(shí)所做的事與之前的是一樣的。它先設(shè)置了prototype,然后再將其constructor重設(shè)為恰當(dāng)?shù)闹?。并且中間利用了一個(gè)空函數(shù),這樣就可以避免創(chuàng)建超類的實(shí)例。使用extend繼承的寫(xiě)法:

function Person(name) {
 this.name = name;
}
Person.prototype.getName = function() {
 return this.name;
}
/* Class Author. */
function Author(name, books) {
 Person.call(this, name);
 this.books = books;
}
extend(Author, Person);
Author.prototype.getBooks = function() {
 return this.books;
};

但上面的存在一個(gè)問(wèn)題就是超類Person的名稱被固化在Author類的聲明當(dāng)中。更普世性的做法應(yīng)該像下面這樣:

/* Extend function, improved. */
function extend(subClass, superClass) {
 var F = function() {};
 F.prototype = superClass.prototype;
 subClass.prototype = new F();
 subClass.prototype.constructor = subClass;
 subClass.superclass = superClass.prototype;
 if(superClass.prototype.constructor == Object.prototype.constructor) {
 superClass.prototype.constructor = superClass;
 }
}
/* Class Author. */
function Author(name, books) {
 Author.superclass.constructor.call(this, name);
 this.books = books;
}
extend(Author, Person);
Author.prototype.getBooks = function() {
 return this.books;
};
Author.prototype.getName = function() {
 var name = Author.superclass.getName.call(this);
 return name + ', Author of ' + this.getBooks().join(', ');
};

這個(gè)extend改進(jìn)之后,多了一個(gè)superclass的屬性,這個(gè)屬性可以弱化Author和Person之間的耦合。extend后面三行用來(lái)確保超類的construtor已經(jīng)被正確設(shè)置了。有了superclass的屬性,就可以直接調(diào)用超類中的方法。這在既要重新定義超類的某個(gè)方法而又想訪問(wèn)其在超類中的實(shí)現(xiàn)時(shí)可以派上用場(chǎng)。例如,為了用一個(gè)新的getName的方法重新定義Person類中的同名方法,你可以先用Author.superclass.getName獲得作者的名字,然后再次基礎(chǔ)上添加新的信息。

四、原型繼承

原型式繼承與類式繼承截然不同,我們?cè)趯W(xué)習(xí)他的時(shí)候,最好忘記自己關(guān)于類和實(shí)例的一切知識(shí),只從對(duì)象的角度來(lái)思考。使用原型式繼承時(shí),并不需要用類來(lái)定義對(duì)象的結(jié)構(gòu),只需直接創(chuàng)建一個(gè)對(duì)像就可以。這個(gè)對(duì)象隨后可以被新的對(duì)象使用,該對(duì)象被稱為原型對(duì)象。

下面使用原型對(duì)象來(lái)重新設(shè)計(jì)上面Person和Author:

var Person = {
 name: 'default name',
 getName: function() {
 return this.name;
 }
};
var reader = clone(Person);
alert(reader.getName()); // This will output 'default name'.
reader.name = 'John Smith';
alert(reader.getName()); // This will now output 'John Smith'.

clone函數(shù)可以用來(lái)創(chuàng)建新的類Person對(duì)象,創(chuàng)建一個(gè)空對(duì)象,并且該對(duì)象的原型對(duì)象被設(shè)置為person。當(dāng)新對(duì)象中找不到某個(gè)方法時(shí)就會(huì)在原型對(duì)象中查找。

你不必去為了創(chuàng)建Author而定義一個(gè)Person子類,只要執(zhí)行一次克隆就可以:

var Author = clone(Person);
Author.books = []; // Default value.
Author.getBooks = function() {
 return this.books;
}

然后你可以重定義該克隆中的方法和屬性。可以修改Person的默認(rèn)值。也可以添加新的屬性和方法。這樣一來(lái)就創(chuàng)建了一個(gè)新的原型對(duì)象,你可以將其用于創(chuàng)建新的Author對(duì)象:

var author = [];
author[0] = clone(Author);
author[0].name = 'Dustin Diaz';
author[0].books = ['JavaScript Design Patterns'];
author[1] = clone(Author);
author[1].name = 'Ross Harmes';
author[1].books = ['JavaScript Design Patterns'];
author[1].getName();
author[1].getBooks();

clone函數(shù)的寫(xiě)法:

function clone(object) {
 function F() {}
 F.prototype = object;
 return new F;
}

五、原型繼承和類式繼承之間的比較

可以自己去總結(jié)、
從內(nèi)存,適用范圍,優(yōu)缺點(diǎn)等方面去分析

六、摻元類

有一種重用代碼的方法不需要用到嚴(yán)格的繼承,如果想把一個(gè)函數(shù)運(yùn)用到多個(gè)類當(dāng)中,可以通過(guò)擴(kuò)充的方法讓這些類共享函數(shù)。其實(shí)際大體做法就是:先創(chuàng)建一個(gè)包含各種通用的方法類,然后再擴(kuò)充其他類,這種包含通用方法類稱為摻元類,他們通常不會(huì)被實(shí)例化和直接調(diào)用,其存在的目的是向其他類提供自己的方法。

var Mixin = function() {};
Mixin.prototype = {
 serialize: function() {
 var output = [];
 for(key in this) {
 output.push(key + ': ' + this[key]);
 }
 return output.join(', ');
 }
};
augment(Author, Mixin);
var author = new Author('Ross Harmes', ['JavaScript Design Patterns']);
var serializedString = author.serialize();
function augment(receivingClass, givingClass) {
 for(methodName in givingClass.prototype) {
 if(!receivingClass.prototype[methodName]) {
 receivingClass.prototype[methodName] = givingClass.prototype[methodName];
 }
 }
}

但是有時(shí)候你并不需要所有的方法,因此我們還需要提供額外的參數(shù)來(lái)選擇我們所需要的方法。如果不提供,那就全部復(fù)制。

function augment(receivingClass, givingClass) {
 if(arguments[2]) { // Only give certain methods.
 for(var i = 2, len = arguments.length; i < len; i++) {
 receivingClass.prototype[arguments[i]] = givingClass.prototype[arguments[i]];
 }
 }
 else { // Give all methods.
 for(methodName in givingClass.prototype) {
 if(!receivingClass.prototype[methodName]) {
 receivingClass.prototype[methodName] = givingClass.prototype[methodName];
 }
 }
 }
}

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題:《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JavaScript類的繼承操作實(shí)例總結(jié)

JavaScript類的繼承操作實(shí)例總結(jié):本文實(shí)例總結(jié)了JavaScript類的繼承操作。分享給大家供大家參考,具體如下: 一、類式繼承 首先要做的是創(chuàng)建構(gòu)造函數(shù)。按慣例,其名稱就是類名,首字母應(yīng)該大寫(xiě)。在構(gòu)造函數(shù)中,創(chuàng)建實(shí)例屬性要用關(guān)鍵字this 。類的方法則被添加到prototype對(duì)象中。要?jiǎng)?chuàng)建該
推薦度:
標(biāo)簽: js 類型的 實(shí)例
  • 熱門(mén)焦點(diǎn)

最新推薦

猜你喜歡

熱門(mén)推薦

專題
Top
主站蜘蛛池模板: 91精品欧美一区二区三区 | 国产精彩视频 | 久久不射电影网 | 中文字幕亚洲综合 | 日韩精品一区在线 | 精品久久综合一区二区 | 日本一区二区不卡在线 | 91精品导航 | 日韩 国产 欧美 | 国产美女一级毛片 | 免费在线国产视频 | 欧美精品一区二区三区免费播放 | 91精品久久久久 | 久久婷婷国产麻豆91天堂 | 一区二区在线观看视频 | 欧美 日韩 亚洲另类专区 | 国产视频久久 | 中文字幕一区二区三区在线观看 | 日韩精品一区二区三区国语自制 | 国产一级内谢a级高清毛片 国产最新精品视频 | 国产精品国产欧美综合一区 | 国产成人久久一区二区三区 | 成人毛片在线播放 | 亚洲一区二区精品视频 | 一区二区亚洲视频 | 欧美大色 | 水蜜桃网 | 国产精品第 | 亚洲欧洲综合在线 | 欧美另类在线观看 | 91在线精品亚洲一区二区 | 视频精品一区二区三区 | 美女一级毛片 | 国产高清视频 | 一久久 | 视频在线一区二区 | 成人a免费α片在线视频网站 | 中文字幕欧美在线 | 可以免费观看一级毛片黄a 另类区 | 日韩免费观看 | 国产网站免费观看 |