JavaScript面向对象之类与继承

关注

原创最新推荐文章于 2026-06-19 08:40:47 发布 1.2k 阅读 AI 写同款· GEO 优化 ›

【JavaScript】深入浅出JavaScript继承机制：解密原型、原型链与面向对象实战攻略本文全面解析了JavaScript中的继承机制，核心围绕原型链这一核心概念展开，阐述了其在对象继承中的作用与重要性，并介绍了几种主要的继承实现方式。以下是文章内容的概括：📌原型基础每个JavaScript对象都隐含一个属性，通常通过__proto__访问，指向创建它的构造函数的prototype对象。构造函数的prototype本身是个对象，包含可被实例共享的方法和属性。示例展示了如何通过原型链，实例能访问到构造函数原型上的方法。📌原型链的形成与查找规则。阅读详情

JavaScript没有类的概念,只有函数. 定义实例对象通过函数来定义.

定义的方式有很多,主要较好的定义函数的方法是将属性放置在函数内部的this里，讲方法定义在原型当中.

function Student(_name, _age) {
     this.name = _name;
     this.age = _age;
}
Student.prototype.sayName = function() {
    alert(this.name);
}
var student = new Student("Sykent", 21);
student.sayName();

函数本身就是一个对象，一个特殊的对象，可执行的特殊对象，因此函数继承至Object.

JS的较好的继承是通过改变父类函数的作用域来将父类的属性附加到子类当中，通过原型机制，将父类的方法和属性附加到子类中。

function People(_name) {
    this.name = _name;
}
People.prototype.sayName = function() {
    alert(this.name);
}

function Teacher(_name, _age) {
    People.call(this, _name);   //继承属性
    this.age = _age;   //子类自己的属性
}
Teacher.prototype = new People(); //因此该子类Teacher的原型对象包含了__proto__属性. 用Teacher定义的实例会包含__proto__如果找不到属性，将去原型中找，原型对象中找不到,同样通过__proto__去找People实例化的对象。
Teacher.prototype.constructor = Teacher;    //构造函数重新构建
Teacher.prototype.sayAge = function() {
    alert(this.age);
}    //子类方法，子类方法应该在继承方法之后，不然会被洗刷

收录于