call、apply继承,构造函数绑定方式继承、组合继承、拷贝继承

1.call、apply继承:

<script>

        let obj1 = {

            a:'tom'

        }

        let obj2 = {

            a:'jack'

        }

        function f(Car,House){

            console.log(this);/* window */

            return this.a

        }

        console.log(window.f);

        /* call 和 apply是用来改变this指向的 */

        console.log( f.call(obj1) );/* 指向obj1 */

        /* call 和apply 都可以理解为是函数自身的方法

           第一个参数代表了接下来this 所代表的对象

           f.call(obj1) 会执行f这个方法 */


           console.log( f.apply(obj1));

           /* call和apply区别 */

           /* 使用call来传参 */

           console.log(f.call(obj1,'bmw','tangc'));

           /* apply不能一个个的传参,需要传一个数组,数组里面第一个就对应f函数里面

           的第一个参数,数组里面第二个就对应了f函数里面的第二个参数 */

           console.log(f.apply(obj1,['bmw','tangc']));

           function Person(){

               this.foot = 2

           }

           function Student(){

              Person.call(this)

           }

           console.log( new Student());

    </script>

2.构造函数绑定方式实现继承:

<!-- 在子类内部调用父类的方法

         通过call()或apply()方法 -->

    <script>

        function Car(gang,bsx){

               this.lunzi = 4;

               this.gang = gang;

               this.bsx = bsx

           }

           function Student(name,price,gang,bsx){

              Car.call(this,gang,bsx);


              this.name = name;

              this.price = price;

              this.print = function (){

                  document.write(`${this.name}--${this.price}--${this.lunzi}个轮子

                  --${this.gang}--${this.bsx}`)

              }

           }

           let bc1 = new Student('奔驰e300','55w','4缸','9At变速箱')

           bc1.print()

           /*

           父类 Car lunzi 4 个

           子类 name price 是通过传参

           方法打印出 例如:奔驰 100w  有4个轮子 (从父类继承)

           使用call 实现继承

            */

    </script>

3.组合继承:

<!-- 组合继承,也叫伪经典继承,将原型链和构造函数组合在一块

         原型链实现对原型继承和方法继承

         借用构造函数实现实例属性的继承-->

    <script>

        function Car (){

            this.lunzi = 4;


        }


        Car.prototype.run = function(){


            document.write(`${this.name}--${this.lunzi}个轮子,我会跑`)

        }

        function Bc(name){

            Car.call(this);

            this.name = name


        }

        Bc.prototype = new Car()

        Bc.prototype.constructor = Bc

        let bc1 = new Bc('奔驰e300');


        bc1.run()

        /* 父类 Car lunzi 4 个 原型上有run方法打印 我有4个轮子我会跑

           子类 Bc  自己有name 通过传参获得继承实例属性 lunzi 和原型方法run

           方法打印出 例如:奔驰 100w  有4个轮子 会跑赛道

           使用组合继承的方法 */

    </script>

4.拷贝继承:

<!--  把父对象所有属性和方法 , 拷贝进子对象 -->

    <script>

        /* 将父对象的 prototype 对象中的属性,

           拷贝给Child对象的prototype对象 */

           function extend(child,parent){

               for(let key in parent.prototype){

                   child.prototype[key] = parent.prototype[key]

               }

           }

        function  Car (){}

        Car.prototype.lunzi = 4;

        Car.prototype.run = function (){

            document.write(`我是${this.name}--我有${this.lunzi}个轮子,会跑赛道`)

        }

        /* console.log(Person.prototype); */


        /* 子类 */

        function Bc(name){

            this.name = name;

        }


        extend(Bc,Car)

        let bc1 = new Bc('宝马')


        bc1.run()


        /* 父类 Car 原型上 lunzi 4个 有run方法打印 ${this.name} 我有四个轮子 会跑赛道

           子类 Bc  自己有name 通过传参获得拷贝继承 父亲原型上的lunzi 和方法run

           要求 用子类 打印出 例如 : 奔驰 有4个轮子 会跑赛道

           使用拷贝继承的方法 */

    </script>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,591评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,448评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,823评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,204评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,228评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,190评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,078评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,923评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,334评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,428评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,022评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2 354

推荐阅读更多精彩内容