亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

js學習中的總結(jié)——幾種繼承模式

2018-6-29    seo達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

     js中構(gòu)造函數(shù)的幾種繼承模式淺析

一、原型鏈模式繼承

    利用原型讓一個引用類型繼承另一個引用類型的屬性和方法 。

    用的最多。

    缺點:不可傳參,不可多繼承。


        
  1. function People(name, age) {//添加公有屬性
  2. name = name || 'xiaolan';
  3. age = age || 18;
  4. this.name = name;
  5. this.age = age;
  6. }//創(chuàng)建一個名為People的類
  7. People.prototype.eat = function() {//添加私有屬性
  8. console.log(this.name + '賊能吃');
  9. }
  10. function Cat(color) {//創(chuàng)建一個名為Cat的類
  11. this.color = color;
  12. }
  13. Cat.prototype = new People('小叮當', 200);//實例化一個People類,并賦值給Cat類的原型鏈
  14. var cat = new Cat('藍白色')
  15. console.log(cat.name)//'小叮當'
  16. cat.eat();//'小叮當賊能吃'

二、混合模式繼承

    用call的方法只能繼承私有屬性,所以再加一遍一遍原型鏈模式繼承,原型鏈模式繼承又把私有屬性和公有屬性都繼承了一遍。


        
  1. function People(name, age) { //創(chuàng)建一個父級People類
  2. name = name || 'xiaolan';
  3. age = age || 18;
  4. this.name = name;
  5. this.age = age;
  6. }
  7. People.prototype.eat = function() {
  8. console.log(this.name + '賊能吃');
  9. }
  10. function Cat(color, name, age) {
  11. this.color = color;
  12. People.call(this, name, age); //通過call的形式繼承
  13. //通過call(this),將People的指向改為Cat的實例
  14. }
  15. var cat = new Cat('藍白色', '小叮當', 1);
  16. console.log(cat.name);//'小叮當'
  17. cat.eat();//報錯,
  18. //繼承不了公有屬性,所以cat.eat()會報錯;

為了繼承公有屬性,用原型鏈模式在把公有屬性和方法繼承過來,


        
  1. function People(name, age) { //創(chuàng)建一個父級People類
  2. name = name || 'xiaolan';
  3. age = age || 18;
  4. this.name = name;
  5. this.age = age;
  6. }
  7. People.prototype.eat = function() {
  8. console.log(this.name + '賊能吃');
  9. }
  10. function Cat(color, name, age) {
  11. this.color = color;
  12. People.call(this, name, age); //通過call的形式繼承
  13. //通過call(this),將People的指向改為Cat的實例
  14. }
  15. Cat.prototype = new People()
  16. var cat = new Cat('藍白色', '小叮當', 200)
  17. console.log(cat)
  18. console.log(cat.name); //'小叮當',在原型鏈繼承的時候,就近原則,cat.name 先找到'小叮當',就不往下找了
  19. cat.eat(); //'小叮當賊能吃'

三、拷貝繼承

    優(yōu)點:可以多繼承,可傳參;

    缺點:浪費資源,不能判斷父級;


        
  1. function People(name, age) { //創(chuàng)建一個父級People類
  2. name = name || 'xiaolan';
  3. age = age || 18;
  4. this.name = name;
  5. this.age = age;
  6. }
  7. People.prototype.eat = function() {
  8. console.log(this.name + '賊能吃');
  9. }
  10. function Cat(color, name, age) {
  11. this.color = color;
  12. var people = new People(name, age) //實例化一個People類
  13. for (let i in people) {
  14. this[i] = people[i]; //將people中的可枚舉屬性和方法遍歷并附給Cat類,公有屬性和私有屬性都是可枚舉屬性;
  15. }
  16. }
  17. var cat = new Cat('藍白色', '小叮當', 2);
  18. console.log(cat.name); //小叮當
  19. cat.eat(); //小叮當賊能吃

四、寄生組合方式繼承

    優(yōu)點:私有屬性和公有屬性都單獨繼承,可以傳參;

    私有屬性可以多繼承,公有屬性不可多繼承;


        
  1. function People(name, age) {
  2. name = name || 'xiaolan';
  3. age = age || 18;
  4. this.name = name;
  5. this.age = age;
  6. }
  7. People.prototype.eat = function() {
  8. console.log(this.name + '賊能吃');
  9. }
  10. function Cat(color, name, age) {
  11. this.color = color;
  12. People.call(this, name, age) //用call的形式把私有屬性繼承過來
  13. }
  14. function Fn() {} //創(chuàng)建一個中間構(gòu)造函數(shù),用來接收People的公有屬性,為了防止創(chuàng)建實例Cat實例是影響原來的people構(gòu)造函數(shù)
  15. Fn.prototype = People.prototype;
  16. Cat.prototype = new Fn(); //將中間構(gòu)造函數(shù)Fn繼承people的公有屬性傳給Cat的原型鏈
  17. Cat.prototype.constructor = Cat; //由于上一步重置了Cat原型鏈的constructor屬性,所以要重新給賦回來;
  18. var cat = new Cat('藍白色', '小叮當', 3);
  19. console.log(cat.name); //'小叮當'
  20. cat.eat() //'小叮當賊能吃


注:若有不嚴謹與錯誤的地方,請多指教!






  1. 這里寫圖片描述



藍藍設(shè)計www.chinatradebeam.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.chinatradebeam.com

存檔

亚洲国产精品无码成人片久久| 日本三级韩国三级欧美三级| 人人妻人人澡人人爽人人精品浪潮| 国产又猛又黄又爽| 免费人成视频x8x8入口观看大| 无码办公室丝袜ol中文字幕| 香港a片| 少妇特黄a一区二区三区| 美女又黄又免费的视频| 丰满人妻被黑人猛烈进入| 久久精品国产大片免费观看| 欧美日韩国产| 老女人做爰全过程免费的视频| 激情亚洲一区国产精品| 97se亚洲国产综合在线| 伊人久久精品一区二区三区| 无码精品人妻一区二区三区人妻斩| 色窝窝无码一区二区三区成人网站| 日日碰狠狠添天天爽无码| 韩国三级大全久久网站| 一本久久a久久精品亚洲| 久久久久成人精品无码| 重囗味另类老妇| jizz女人jizzz| 中文字幕人成乱码熟女香港| 师生h老师边h边做| 18禁白丝喷水视频www视频| 高潮久久久久久久久不卡| 国产古装妇女野外a片| 吃瓜黑料视频永久地址| 久久精品人妻少妇一区二区三区| 国产亚洲av综合人人澡精品| 亚洲av夜夜欢一区二区三区 | 少妇被粗大的猛烈进出a片久久久| 少妇厨房愉情理伦bd在线观看| 亚洲色久悠悠av在线观看 | 欧美成人在线视频| 欧美日韩在线视频一区| 我被六个男人躁到早上| 大学生第一次破女处a片 | 亚洲熟妇色自偷自拍另类|