当前位置: 首页 > Web前端 > HTML5

浅谈什么是JS原型

时间:2023-04-05 13:43:11 HTML5

学习目标:了解什么是js原型、原型、构成函数、实例对象关系;原型应用范围。什么是原型?一个函数有一个原型。该函数有一个名为原型的属性。函数的原型指向一个对象,称为原型对象。这个原型对象有一个指向函数本身的构造函数属性。实例对象也有一个原型。实例对象的原型对象是__proto__,__proto__一般称为隐形原型。这个隐形原型有一个构造函数属性,它指向创建实例的构造函数。构造函数、实例对象与原型直接关系构造函数与实例对象关系每个实例对象中的__proto__中还有一个constructor属性,指向创建实例的构造函数:实例对象__proto__和构造函数原型关系每个实例对象中的__proto__指向构造函数中的两个原型是相等的。构造函数,原型,原型对象,实例对象,proto,构造函数,直接关系原型功能一:数据共享,节省内存空间原型功能二:如何共享数据,节省内存空间以实现继承原型JavaScript面向对象编程原型如何实现继承例如,现在有一个“动物”对象的构造函数。还有一个“猫”对象的构造函数。“猫”怎么会继承“动物”呢?如果“猫”的原型对象指向一个Animal实例,那么“猫”的所有实例都可以继承Animal。cat1实例对象和构造函数的关系图如下  任何原型对象都有一个constructor属性,指向它的构造函数。添加Cat.prototype=newAnimal();之后代码中,Cat.prototype.constructor指向Animal。cat1实例对象与构造函数的关系如下