十一、原型与原型链深入、对象继承、call、apply

最新推荐文章于 2024-08-22 14:32:34 发布

布白whitenot1

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量162

点赞数

分类专栏： JS基础学习笔记文章标签： javascript 原型模式前端 ecmascript 开发语言

本文链接：https://blog.csdn.net/weixin_44683942/article/details/128305599

版权

本文详细探讨了JavaScript中的原型和原型链，解释了如何查找对象的属性并分析了原型链的顶端。此外，还讨论了对象继承的不同方式，如`Object.create()`，并指出并非所有对象都继承`Object.prototype`。文章进一步讲解了`call()`和`apply()`方法的用途，展示了如何在不同上下文中改变`this`的指向，以及它们在实现继承和组合功能中的作用。

摘要由CSDN通过智能技术生成

十一、原型与原型链深入、对象继承、call、apply

原型与原型链深入

前导知识

几乎所有对象都有自己的原型，包括原型对象也有自己的原型。

例外：

var obj = Object.create(null);
console.log(obj);

在这里插入图片描述

原型

Prototype

构造函数的原型对象是实例化对象的公共祖先，实例化的不同对象能继承原型中的属性和方法。

构造函数的prototype可以手动设置吗？ √

Professor.prototype.tSkill = 'Java';
function Professor(){
   }
var professor = new Professor();

Teacher.prototype = professor;
function Teacher(){
   
    this.mkill = 'JS/JQ';
}
var teacher = new Teacher();

Student.prototype = teacher;
function Student(){
   
    this.pkill = 'HTML/CSS';
}
var student = new Student();

console.log(student);
console.log(student.pkill, student.mkill, student.tSkill);
//HTML/CSS JS/JQ Java

在这里插入图片描述
当我们在student对象上寻找属性时，找不到就去它的构造函数的原型对象上teacher上寻找，若找不到，继续向teacher对象的构造函数的原型对象professor上找，以此类推

原型链

对象沿着__proto__在原型上寻找属性就形成了一个链条式的继承关系，这个继承关系，我们就叫做原型链。

原型链有顶端吗？ -> Object.prototype

console.log(Professor.prototype);

在这里插入图片描述
Object.prototype下保存了一个toString方法。

实例化对象只能查看原型链上的prototype吗？×

function Teacher(){
   
    this.mkill = 'JS/JQ';
    this.success = {
   
        alibaba: '28',
        tencent: '30',
        jingdong: '11'
    }
    this.students = 500;
}
var teacher = new