原型和原型链

最新推荐文章于 2024-02-25 18:00:11 发布

地狱三头猫

最新推荐文章于 2024-02-25 18:00:11 发布

阅读量78

点赞数 4

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_26807539/article/details/127855037

版权

JavaScript 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

一、构造函数和原型对象

1、构造函数：

（1）作用：用于创建对象，初始化对象的属性

注意：通常把用构造函数创建对象的过程称为类的实例化，对象就是类的实例

2、构造函数的成员或类的成员

（1）什么是成员？类的成员包括属性、方法(行为)，通常将属性称为成员变量，把方法(行为)称为成员方法（成员函数）

（2）成员变量又称为实例变量：用类或构造函数创建的对象都有相同的属性和方法

（3）静态成员：通过构造函数名或类名直接访问的成员。不属于任何对象，为类的所有对象(实例共享的)

静态成员也称为类成员

（4）构造方法和类的区别：

a、构造函数中定义的方法，本质是属性，需要占用存储空间

b、在类中定义的方法，不是属性，不需要占用存储空间。即在创建类的对象的过程中，只给对象的属性分配存储空间，对象的方法不占空间，因此节省了内存空间。

3、原型对象：

（1）每个构造函数都存在一个原型对象，可以通过构造函数的prototype属性访问

a、构造函数的原型对象：是object类型，通过prototype属性可以访问到

b、作用：通过原型对象可以给构造函数增加新的功能，这些新的功能可以共享给用构造函数创建的所有对象

（2）对象的原型对象：js中每个对象都有一个原型对象，通过 proto 属性来获取

（3）实例对象与原型对象的关系

（4）对象的构造函数：通过对象的原型对象来获取。在对象的原型对象有constructor属性，代表了对象的构造函数

示例：用赋值方式修改原型对象为新的对象，就无法访问构造函数。

（5）构造函数、原型对象和实例对象之间的关系

（6）原型链：

a、通过构造函数的prototype属性找到构造函数的原型对象，通过构造函数的原型对象的constructor找到构造函数

b、通过构造函数创建实例对象，然后通过实例对象的 _proto _属性可以找到对象的原型对象，也可以通过对象的原型对象的constructor找到构造函数

把上面两种找原型对象和构造函数的过程称为原型链

（7）原型对象的原型对象：原型对象也是一个对象，那么它也有原型对象

function Person(){
    this.sayHello = function(){
        console.log("Hello Woniu!");
    }
}
//输出Person的原型对象
console.log('Person的原型对象：',Person.prototype) //constructor ƒ Person()
//输出Person的原型对象的原型对象
console.log('Person的原型对象的原型对象：',Person.prototype.__proto__)

（8）原型链结构特点

a、每个构造函数都有一个prototype属性指向原型对象。

b、原型对象通过constructor属性指向构造函数。

c、通过实例对象的 _ _ proto _ _ 属性可以访问原型对象。

d、Object的原型对象的 _ _ proto _ _ 属性为null。