美文网首页
es5和es6的类的继承方式

es5和es6的类的继承方式

作者: LAYoung_f1b8 | 来源:发表于2019-07-29 18:53 被阅读0次

<script>

        // 定义普通飞机及属性

        // Plane.prototype.fly = function () {

        //    console.log('i can fly');

        // }

        // function Plane(name){

        //    this.name = name || '普通飞机';

        //    this.blood = 100;

        // }

        // var p = new Plane('小飞机');

        // // 定义战斗机及属性

        // AttackPlane.prototype.attack = function() {

        //    console.log('biu biu biu biu');

        // }

        // function AttackPlane(newName){

        //    Plane.call(this,newName);

        // }

        // var Ap = new AttackPlane('战斗机');

        // // AttackPlane继承Plane的所有属性方法

        // Object.setPrototypeOf(AttackPlane.prototype,Plane.prototype);

        // ES6构造类

        class Plane{

            // 私有属性 定义在constructor里面

            constructor(name){

                this.name = name || '普通飞机';

                this.blood = 100;

            }

            // 原型方法,共有属性  继承之后都会有的属性

            fly() {

                console.log('i can fly');

            }

            // 静态方法

            static alive() {

                console.log('i am alived');

            }

        }

        var op = new Plane('小飞机');

        // 两个类之间的继承

        class AttPlane extends Plane{

            constructor(newName){

                super(newName);

                this.logo = 'hope';

            }

            attack() {

                console.log('biu biu biu')

            }

            static nice() {

                console.log('nice one');

            }

        }

        var oap = new AttPlane('战斗机');

    </script>

相关文章

  • 面向对象类

    类与实例 类的声明 ES5 ES6 生成实例 类与继承 如何实现继承 继承的几种方式 原型链是实现继承的主要方法 ...

  • ES5、ES6继承

    ES5、ES6继承方式 继承的目标: 父类公有属性和方法为子类公有属性和方法父类私有属性和方法为子类私有属性和方法...

  • es5 es6静态方法、类、单例模式

    es5中的类和静态方法 es5继承 es6中的类 es6里面的继承 es6里面的静态方法 es6单例模式 转载:h...

  • 你不知道的ES5和ES6继承

    ES5继承和ES6继承的区别,在ES6还没有发布的时候 ,js定义类是以函数的形式,例如 function Te...

  • day06-前端面试技巧-(面向对象)

    类与实例: 类的声明es5: es6中class的声明 生成实例实例类的对象(es5和es6的实例化方式是一样的)...

  • 浅谈JavaScript原型、原型链的概念与继承的实现原理

    关于js对象的继承,es5和es6提供了两种不同的继承机制。es5通过修改原型链的方式实现继承,由此可见继承与原型...

  • ES5 和 ES6 继承比较:

    ES5构造函数和继承: ES6构造函数和继承:

  • ES5和ES6 实现继承方式

    在ES5 中:通过原型链实现继承的,常见的继承方式是组合继承和寄生组合继承;在ES6中:通过Class来继承 组合...

  • JavaScript的多态和封装

    在之前的文章中我们已经介绍了JavaScript的继承包含了ES5和ES6的版本。 ES5继承 传送门 ES6继承...

  • ES的类与继承

    ES5中的类与继承 构造函数继承,原型继承,组合式继承 静态方法,静态属性,实例方法,实例属性 ES6中的类与继承...

网友评论

      本文标题:es5和es6的类的继承方式

      本文链接:https://www.haomeiwen.com/subject/yweirctx.html