亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

淺談javascript原型鏈與繼承

2019-11-20 12:03:45
字體:
來源:轉載
供稿:網友

js原型鏈與繼承是js中的重點,所以我們通過以下三個例子來進行詳細的講解。

      首先定義一個對象obj,該對象的原型為obj._proto_,我們可以用ES5中的getPrototypeOf這一方法來查詢obj的原型,我們通過判斷obj的原型是否與Object.prototype相等來證明是否存在obj的原型,答案返回true,所以存在。然后我們定義一個函數foo(),任何一個函數都有它的prototype對象,即函數的原型,我們可以在函數的原型上添加任意屬性,之后通過new一個實例化的對象可以共享其屬性(下面的兩個例子會詳細介紹)。

function foo(){}foo.prototype.z = 3;var obj = new foo();obj.x=1;obj.y=2;obj.x //1obj.y //2obj.z //3typeof obj.toString; //functionobj.valueOf(); // foo {x: 1, y: 2, z: 3}obj.hasOwnProperty('z'); //false

在這里,obj的原型(_proto_)指向foo函數的prototype屬性,foo.prototype的原型指向Object.prototype,原型鏈的末端則為null,通過hasOwnProperty來查看z屬性是否是obj上的,顯示false,則obj上本沒有z屬性,但通過查找其原型鏈,發現在foo.prototype上有,所以obj.z=3,并且對于首例上obj.valueOf()以及toString都是Object.prototype上的,所以任何一個對象都有這兩個屬性,因為任何一個對象的原型都是Object.prototype.當然除了以下一個特例,

var obj2 = Object.create(null);obj2.valueOf(); //undefined

Object.create()為創建一個空對象,并且此對象的原型指向參數。下面一個綜合實例向大家展示一下如何實現一個class來繼承另外一個class

//聲明一個構造函數Personfunction Person(name,age){  this.name = name;  this.age = age;}Person.prototype.hi = function (){  console.log('Hi,my name is ' + this.name +',my age is '+this.age);};Person.prototype.LEGS_NUM=2;Person.prototype.ARMS_NUM=2;Person.prototype.walk = function (){  console.log(this.name+' is walking !');};function Student(name,age,classNum){  Person.call(this,name,age);  this.classNum = classNum;}//創建一個空對象Student.prototype = Object.create(Person.prototype);//constructor指定創建一個對象的函數。Student.prototype.constructor = Student;Student.prototype.hi = function (){  console.log('Hi,my name is ' + this.name +',my age is '+this.age+' and my class is '+this.classNum);};Student.prototype.learns = function (sub){  console.log(this.name+' is learning '+sub);};//實例化一個對象Bosnvar Bosn = new Student('bosn',27,'Class 3');Bosn.hi(); //Hi,my name is bosn,my age is 27 and my class is Class 3Bosn.LEGS_NUM; //2Bosn.walk(); //bosn is walking !Bosn.learns('Math'); //bosn is learning Math

構造函數Person與Student的this指向實例化的對象(Bosn),并且此對象的原型指向構造器的prototype。

我們用Object.create()方法來創建一個空對象,此對象的原型事項Person.prototype,這樣寫的好處是我們可以在不影響Person.prototype屬性的前提下可以自己創建Studnet.prototype的任意屬性,并且可以繼承Person.prototype上原有的屬性,因為子類Student是繼承基類Person的。如果直接寫Person.prototype = Student.prototype,那他兩同時指向一個對象,在給Student.prototype添加屬性的同時,Person的原型鏈上也會增加同樣的屬性。

對于構造函數Student里面的call方法,里面的this指向新創建的Student的實例化的對象,并通過call來實現繼承。

Student.prototype.constructor = Student,這句話的含義是指定Student為創建Student.prototype這個對象的函數,如果不寫這句話,該對象的函數還是Person。

對于繼承,一共有三種方式來實現,

function Person(name,age){  this.name = name;  this.age = age;}function Student(){}Student.prototype = Person.prototype; //1Student.prototype = Object.create(Person.prototype); //2Student.prototype = new Person(); //3

第一種,剛剛在上面已經說過了,直接這樣寫會讓子類和基類同時指向bosn實例;

第二種,恰到好處的避開這一點,并很好地實現繼承,讓實例先查詢子類,若沒有相應屬性,再查詢基類;

第三種,雖然也實現了繼承,但調用了Person這個構造函數,這個例子中此構造函數有兩個參數name和age,但這第三種什么也沒有傳,并沒有實例化。

以上所述就是本文的全部內容了,希望大家能夠喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91福利视频在线观看| 欧美超级免费视 在线| 国产精品视频网站| 亚洲人成电影在线| 欧美精品久久久久a| 久久久久久久久久久亚洲| 日韩一区二区精品视频| 国产成人精品视频在线观看| 国语自产精品视频在免费| 欧美性生交大片免费| 欧美性猛交xxxx久久久| 精品久久久久久亚洲国产300| 亚洲高清免费观看高清完整版| 92看片淫黄大片看国产片| 日韩视频―中文字幕| 一本一本久久a久久精品综合小说| 精品国偷自产在线视频| 国产精品pans私拍| 黑丝美女久久久| 精品国产依人香蕉在线精品| 韩国国内大量揄拍精品视频| 成人免费直播live| 九九久久久久99精品| 欧美裸体xxxx极品少妇软件| 欧美午夜宅男影院在线观看| 亚洲精品久久久久久久久久久久久| 91av视频在线观看| 日本一区二区在线免费播放| 91精品91久久久久久| 久久这里有精品视频| 国产精品人成电影在线观看| 韩国一区二区电影| 亚洲老头同性xxxxx| 午夜精品久久久久久99热| 国产一区二区在线免费| 国产亚洲aⅴaaaaaa毛片| 精品福利视频导航| 亚洲一区二区福利| 另类美女黄大片| 国产视频在线一区二区| 在线视频欧美性高潮| 91精品视频在线| 欧美精品videossex性护士| 亚洲国产精品va在线观看黑人| 久久影视三级福利片| 成人精品在线观看| 欧美日韩不卡合集视频| 欧美xxxx18国产| 在线精品国产成人综合| 欧美国产激情18| 亚洲男人天堂手机在线| 日本精品在线视频| 日韩激情av在线播放| 91精品视频免费观看| 欧美激情视频网| 国精产品一区一区三区有限在线| 日本高清不卡在线| 久久精品国产久精国产思思| 欧美日韩亚洲网| 欧美黑人一区二区三区| 午夜免费在线观看精品视频| 久久精品在线视频| 国产精品国产福利国产秒拍| 久久国产一区二区三区| 亚洲精品一区二三区不卡| 色狠狠久久aa北条麻妃| 亚洲精品久久久久中文字幕欢迎你| 久久久久久香蕉网| 深夜福利亚洲导航| 国产精品av电影| 亚洲91精品在线| 日韩精品极品毛片系列视频| 成人黄在线观看| 欧美激情免费观看| 97精品伊人久久久大香线蕉| 亚洲精品在线观看www| 日本高清视频一区| 欧美成年人在线观看| 大胆人体色综合| 日韩成人在线视频观看| 亚洲色图偷窥自拍| 国产成人一区二区三区| 久久久久久香蕉网| 国产成人精品日本亚洲| 大荫蒂欧美视频另类xxxx| 亚洲美女视频网| 91国语精品自产拍在线观看性色| 亚洲国产精品高清久久久| 亚洲精品福利资源站| 国产午夜精品美女视频明星a级| 欧美做受高潮1| 精品国产精品自拍| 一道本无吗dⅴd在线播放一区| 国产精品444| 中文字幕久热精品视频在线| 91国偷自产一区二区三区的观看方式| 日韩激情在线视频| 国产亚洲精品美女久久久| 欧美精品aaa| 国产亚洲精品久久| 欲色天天网综合久久| 中文字幕在线观看亚洲| 成人激情在线观看| 亚洲高清在线观看| 成人av.网址在线网站| 国产精品一区专区欧美日韩| 欧美日韩一区二区三区| 国产精品678| 亚洲一区二区在线播放| 国产精品99蜜臀久久不卡二区| 日韩精品视频在线| 日韩成人在线视频网站| 日韩精品中文字幕有码专区| 欧美精品在线看| 成人午夜两性视频| 亚洲天堂网在线观看| 欧美精品久久一区二区| 久久精品99无色码中文字幕| 黄色一区二区在线观看| 亚洲丁香久久久| 国产精品伦子伦免费视频| 成人av电影天堂| 好吊成人免视频| 国产欧美亚洲视频| 国语自产精品视频在免费| 永久免费毛片在线播放不卡| 国产在线高清精品| 国产精彩精品视频| 国产精品一区二区久久久久| 亚洲加勒比久久88色综合| 欧美日本中文字幕| 亚洲精品国产福利| 国产精品久久久一区| 国产精品成人免费电影| 国产精品美女www爽爽爽视频| 色在人av网站天堂精品| 日韩激情视频在线播放| 自拍偷拍亚洲欧美| 77777亚洲午夜久久多人| 日韩大片在线观看视频| 亚洲精品98久久久久久中文字幕| 国产丝袜视频一区| 91精品国产91久久久久久最新| 国产精品美女久久久免费| 91色琪琪电影亚洲精品久久| 欧美精品999| 中文综合在线观看| 性金发美女69hd大尺寸| 成人欧美一区二区三区在线湿哒哒| 欧美日韩国内自拍| 日韩高清不卡av| 亚洲精品国产综合区久久久久久久| 国内精品在线一区| 国产免费亚洲高清| 亚洲iv一区二区三区| 亚洲国内精品在线| 91精品国产91久久| 欧美黑人性视频| 久久伊人精品天天| 欧美日韩一区二区三区| www.欧美精品一二三区| 久久中文字幕国产| 国产激情久久久| 日韩国产高清视频在线|