美文网首页
es5中的类,静态方法,继承

es5中的类,静态方法,继承

作者: 额隔壁老王敲代码 | 来源:发表于2020-03-16 11:12 被阅读0次

1. es5中的类和静态方法

  function Person(name,age) {//js里的类(构造函数)第一个字母要大写Person

      //构造函数里面的方法和属性

      this.name=name;

      this.age=age;

      this.run=function(){

          console.log(`${this.name}---${this.age}`)

      }

  }

  //原型链上面的属性和方法可以被多个实例共享

  Person.prototype.sex='男';

  Person.prototype.work=function(){

      console.log(`${this.name}---${this.age}---${this.sex}`);

  }

  //静态方法

  Person.setName=function(){

      console.log('静态方法');

  }

  var p=new Person('zhangsan','20');  /*实例方法是通过实例化来调用的,静态是通过类名直接调用*/

  p.run();

  p.work();

  Person.setName();  /*执行静态方法*/

2.es5继承

    原型链继承和对象冒充继承

    对象冒充继承:没法继承原型链上面的属性和方法

    原型链继承:可以继承构造函数里面以及原型链上面的属性和方法,实例化子类的时候没法给父类传参

    function  Person(name,age) {

        this.name=name;

         this.age=age;

         this.run=function(){

            console.log(this.name+'---'+this.age);

        }

    }

    Person.prototype.work=function(){

       console.log('work');

    }

    function Web(name,age){

        Person.call(this,name,age);  /*对象冒充实现继承 这样子可以给父类Person传参数*/

    }

    Web.prototype=new Person();

    var w=new Web('李四',20);

    w.run();

    w.work();  //w.work is not a function

相关文章

  • ES的类与继承

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

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

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

  • typescript 学习第二天

    一 es5 1.定义类 2.类的继承 3.类的静态方法 二 typescript 1.定义类 2.ts中实现继承...

  • es5中的类,静态方法,继承

    1. es5中的类和静态方法 function Person(name,age) {//js里的类(构造函数)...

  • ES6 - 类

    类的基本使用 类中的方法 类的静态方法 类的继承

  • es5 类与继承

    ES5定义一个类 创建一个静态方法 实例化Person类 es5上的继承分为两种:(原型链)、(对象冒充) 如果对...

  • 深入es6之class

    es5定义一个类 es6定义一个类 es6原型方法(内部this是实例化的类) 静态方法(内部this是类) 继承

  • 19、继承的静态方法

    当A继承B类、B类继承C类的时候。且ABC类中均有 staticMethod方法时,需要分别调用ABC的静态方法。...

  • es5继承

    继承 ES5的继承也都是通过借用父类的构造方法来实现父类方法/属性的继承: // 父类 functionsupFa...

  • 静态属性

    静态属性就是被 类 调用的属性 叫做静态属性 ES5 静态属性写法类.方法 = function() {} ES6...

网友评论

      本文标题:es5中的类,静态方法,继承

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