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

最新推荐文章于 2024-04-30 16:57:24 发布

汉武大帝·

最新推荐文章于 2024-04-30 16:57:24 发布

阅读量334

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： typescript

本文链接：https://blog.youkuaiyun.com/yinge0508/article/details/113430229

js 专栏收录该内容

44 篇文章

订阅专栏

这篇博客探讨了ES5中的类定义方式，包括如何创建类、定义属性和方法，以及如何添加静态方法。同时，文章详细阐述了ES5中的类继承机制，通过实例展示了原型链上的属性和方法的添加及调用。最后，还演示了如何调用静态方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看一下ES5中类的定义：

// 定义一个类，类中有属性，有方法
function Person() {
      this.name = "张三";
      this.age = 13;
      this.run = function () {
        console.log(this.name + '在运动')
      }
    }
// 添加静态方法
    Person.infor=function(){
      console.log("我是静态方法");
    }
    var p = new Person();
    Person.prototype.sex = "男"; // 类的原型链上定义属性
    Person.prototype.work = function () { // 类的原型链上定义方法
      console.log(this.name + '在工作')
    }
    console.log('====', p.name);
    p.run(); // 调用原型链方法
    p.work(); // 调用原型链方法
Person.infor(); // 调用静态方法

es5中类的继承：