_proto_和prototype的理解

原创已于 2024-05-24 18:03:43 修改 · 250 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#原型模式 #javascript #开发语言

收录于

于 2020-04-22 11:11:31 首次发布

本文深入探讨了JavaScript中实例对象与构造函数的关系，解析了属性_proto_和prototype的作用，以及如何通过原型对象实现方法共享，节省内存空间。通过具体实例，展示了属性和方法在实例对象与原型对象间的查找流程。

在这里插入图片描述

参考文章：https://blog.csdn.net/u013210620/article/details/82991709

实例对象

属性：_proto_

构造函数

属性：prototype

实例对象是由构造函数创建出来的

实例对象中的原型（_proto_）指向该对象所在的构造函数的原型（prototype）
原型对象 prototype通过原型来添加方法解决数据共享、节省内存空间
实例对象中使用的属性和方法先在实例中查找，找到了就直接使用，找不到就去_proto_指向的原型对象prototype中寻找，找打就使用，找不到就报错

demo

	function Person(age,sex) {
	    this.age=age;//年龄
	     this.sex=sex;
	     this.eat=function () {
	       console.log("构造函数中的吃");
	     };
	}
    Person.prototype.sex="女";
    Person.prototype.eat=function () {
      console.log("原型对象中的吃");
    };
    var per=new Person(20,"男");
    console.log(per.sex);//男
    per.eat();

输出：