




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
本章內(nèi)容實(shí)現(xiàn)經(jīng)典繼承原型鏈?zhǔn)褂酶阜椒∣OP框架jQuery簡單繼承經(jīng)典OOP中的繼承如C#,Java或C++經(jīng)典OOP中的繼承當(dāng)前所有的Student類型實(shí)例也是的功能類型,并且有Inheritance繼承是一種擴(kuò)展對象功能給另一個(gè)對象的方式如Student繼承繼承Mammal,等在JavaScript中,繼承的實(shí)現(xiàn)是由設(shè)置派生類型的原型到超類型的實(shí)例上function (fname,
lname)
{}function
Student(fname,
lname,
grade)
{}Stotype
=
new
();var
student=new
Student("張","三",5);經(jīng)典OOP中的繼承實(shí)現(xiàn)原型鏈JavaScript中搜索屬性的方式原型鏈JavaScript中的對象只能有單一原型其原型也有原型,以此類推稱為原型鏈當(dāng)對象上的屬性調(diào)用時(shí)對象搜索該屬性如果對象并不包含屬性,其原型檢查該屬性,以此類推如果在原型中都沒有找到,結(jié)果為undefined調(diào)用父方法使用一些OOP的調(diào)用父方法JavaScript沒有直接的方法調(diào)用父方法函數(shù)構(gòu)造器實(shí)際上不知道誰是其父調(diào)用父方法使用call和apply調(diào)用父方法:示例以矩形繼承有形狀var
Sh =
(function
()
{function
Sh (x,
y)
{//initialize
the
sh}Sh .prototype
=
{serialize:
function
()
{//serialize
the
sh//return
theserialized}};return
Sh
;}());var
Rect
=
(function
()
{function
Rect(x,
y,width,
height)
{Sh .call(this,
x,
y);//初始化矩陣}Rtotype=newSh
();Rtotype.serialize=function(){Sh
.prototype.serialize.call(this);//加入矩陣特定序列化//返回已序列化};returnRect;}());調(diào)用父方法:示例以矩形繼承有形狀var
Sh =
(function
()
{function
Sh (x,
y)
{//initialize
the
sh}Sh .prototype
=
{serialize:
function
()
{//serialize
the
sh//return
theserialized}};return
Sh
;}());var
Rect
=
(function
()
{function
Rect(x,
y,width,
height)
{Sh .call(this,
x,
y);//初始化矩陣}Rtotype=newSh
();Rtotype.serialize=function(){Sh
.prototype.serialize.call(this);//加入矩陣特定序列化//返回已序列化};returnRect;}());調(diào)用父構(gòu)造器調(diào)用父方法:示例以矩形繼承有形狀var
Sh =
(function
()
{function
Sh (x,
y)
{//initialize
the
sh}Sh .prototype
=
{serialize:
function
()
{//serialize
the
sh//return
theserialized}};return
Sh
;}());var
Rect
=
(function
()
{function
Rect(x,
y,width,
height)
{Sh .call(this,
x,
y);//初始化矩陣}Rtotype=newSh
();Rtotype.serialize=function(){Sh
.prototype.serialize.call(this);//加入矩陣特定序列化//返回已序列化};returnRect;}());調(diào)用父構(gòu)造器調(diào)用父方法調(diào)用父方法演示OOP框架OOP框架OOP是首要設(shè)計(jì)范式,在大多數(shù)編程語言中但,OOP在JavaScript總并不完美同時(shí)這也是為什么每個(gè)框架都有自己的實(shí)現(xiàn)OOP的方式Y(jié)UI,
Prototype.js,
Backbone.js,等如果不用這些框架,可以用jQuery的簡單實(shí)現(xiàn)jQuery的簡單繼承如何用這個(gè)?從代碼中拷貝創(chuàng)建"class":var
Sh =
Class.extend({init:
function(x,
y){this._x
=
x;this._y
=
y;},serialize:
function(){return
{x:this._x,y:this._y};}});/simple-inheritance繼承:var
Rect
=Sh
.extend({init:
function(x,
y,
w,
h){this._super(x,y);this._width
=
w;this._height
=
h;},serialize:
function(){
var
res
=this._super();res.width
=this._width;res.height
=
this._height;returnres;}});jQuery的簡單繼承this._x=x;this._y=y;/simple-inheritance繼承:var
Rect
=Sh
.extend({init:
function(x,
y,
w,
h){this._super(x,y);this._width
=
w;this._height
=
h;},serialize:
function(){
var
res
=this._super();res.width
=this._width;res.height
=
this._height;returnres;}});如何用這個(gè)?從代碼中拷貝創(chuàng)建"class":var
Sh =
Class.extend({init:
function(x,
y){構(gòu)造器},serialize:
function(){return
{x:this._x,y:this._y};}});jQuery的簡單繼承this._x=x;this._y=y;};}});/simple-inheritance繼承:var
Rect
=Sh
.extend({init:
function(x,
y,
w,
h){this._super(x,y);this._width
=
w;this._height
=
h;},serialize:
function(){
var
res
=this._super();res.width
=this._width;res.height
=
this._height;returnres;}});如何用這個(gè)?從代碼中拷貝創(chuàng)建"class":var
Sh =
Class.extend({init:
function(x,
y){構(gòu)造器},serialize:
function(){return
{x:this._x,y:this._y方法jQuery的簡單繼承如何用這個(gè)?/simple-inheritance從代碼中拷貝創(chuàng)建"class":var
Sh =
Class.extend({init:
function(x,
y){this._x
=
x;this._y
=
y;},serialize:
function(){return
{x:this._x,y:this._y};}});繼承:var
Rect
=Sh
.extend({init:
function(x,
y,
w,
h){this._super(x,y);this._width
=
w;this._height
=
h;},serialize:
function(){
var
res
=this._super();res.width
=this._width;res.height
=
this._height;returnres;}});構(gòu)造器方法父構(gòu)造器jQuery的簡單繼承如何用這個(gè)?/simple-inheritance從代碼中拷貝創(chuàng)建"class":var
Sh =
Class.extend({init:
function(x,
y){this._x
=
x;this._y
=
y;},serialize:
function(){return
{x:this._x,y:this._y};}});繼承:var
Rect
=Sh
.extend({init:
function(x,
y,
w,
h){this
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年房產(chǎn)整合營銷模式試題及答案
- 西藥二必考題及答案
- 物理電能??碱}型及答案
- 吉林省長春南關(guān)區(qū)六校聯(lián)考2024屆十校聯(lián)考最后數(shù)學(xué)試題含解析
- 渠道土方施工方案
- 鉆床工考試題及答案多選
- 廣西科技師范學(xué)院《粉體工程導(dǎo)論》2023-2024學(xué)年第二學(xué)期期末試卷
- 江蘇省徐州市擷秀初級中學(xué)2024-2025學(xué)年高三下學(xué)期模擬卷(七)語文試題含解析
- 江西信息應(yīng)用職業(yè)技術(shù)學(xué)院《修復(fù)兒童口腔牙體牙髓》2023-2024學(xué)年第一學(xué)期期末試卷
- 安徽省阜陽市臨泉縣一中2025年高三一診練習(xí)四數(shù)學(xué)試題含解析
- 中學(xué)生心理健康診斷測驗(yàn)-MHT量表
- 2022年CAD快捷鍵-CAD常用快捷鍵命令大全
- 流感病人的護(hù)理ppt課件
- 結(jié)構(gòu)化思維PPT通用課件
- 新湘教版中考數(shù)學(xué)總復(fù)習(xí)教案
- 2022年拖拉機(jī)駕駛?cè)丝荚噮⒖碱}庫(含答案)
- 民宿設(shè)計(jì)要點(diǎn)--ppt課件
- 鐵路建設(shè)項(xiàng)目施工企業(yè)信用評價(jià)辦法(鐵總建設(shè)〔2018〕124號)
- 制作的不倒翁(課堂PPT)
- 設(shè)計(jì)進(jìn)度控制措施
- 中國地質(zhì)災(zāi)害防治工程行業(yè)協(xié)會(huì)團(tuán)體標(biāo)準(zhǔn)
評論
0/150
提交評論