浅谈隐式原型和显示原型

最新推荐文章于 2025-09-10 19:23:57 发布

原创最新推荐文章于 2025-09-10 19:23:57 发布 · 2.1k 阅读

8 ·

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

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文深入探讨了JavaScript的原型概念，包括原型的作用、如何使用原型为对象添加属性和方法，特别是详细阐述了显示原型和隐式原型的区别。

浅谈JavaScript三大件之一的“原型”（一）

一、什么是原型(what)？

每一个构造函数（可以理解为类）都拥有一个属性(prototype)，该属性指向一个对象，用于存放公共的属性和方法。
构造函数的定义方式：

	var Fun=new Function()
	Function Fun(){} 
	//Fun就是创建出来的构造函数

二、为什么要用原型(why)？

虽然常说js中一切皆对象，但js本身不是一项面向对象编程的语言，没有类（class）的说法，
所以说为了让构造函数（Function  fun())构造出来的对象拥有公共的属性和方法，
故js使用原型（prototyoe）来存储这些公共的属性和方法`在这里插入代码片

三、如何使用原型（how）？

使用原型给对象添加方法和属性

定义

	Fun.prototype.num = 520;  //添加公共属性
	Fun.prototype.getPrice = function() {
	    return `price:${this.num}`
	 } 、、

使用

	var fun=new Fun()
	fun.num;
	fun.getPrice()

四、显示原型和隐式原型？

显示原型：Fun是构造函数(可以理解为类)，Function上的prototype的属性
隐式原型：fun是由构造函数new出来的对象，fun中的__proto__是fun的属性
关联：fun的隐式原型指向Fun构造函数的显示原型
当我们尝试获取实例（new出来的对象）的属性和方式时，首先会在本身的属性和方法中进行查找，找不到的话就通过隐式原型找到显示原型（也就是找到创造这个对象的类），去这里原型上的属性和方法，找不到就会顺着原型链一直向上，如果再找不到的话Object.__proto__就会抛出underfind，原因是就是因为Object.__proto__永远指向null。