JavaScript中的prototype和_proto_的关系是什么

JavaScript中的prototype和_proto_的关系是什么

  • __proto__ 是 JavaScript 中对象的一个内部属性,它指向该对象的原型。JavaScript 中每个对象都有一个 __proto__ 属性,通过它可以访问对象的原型。
  • prototype 是函数对象特有的属性,每个函数都有一个 prototype 属性,它指向一个对象,这个对象就是该函数的原型(这个原型对象包含了实例共享的方法和属性)。

​ 当使用 new 关键字创建一个实例时,这个实例的 __proto__ 就指向了构造函数的 prototype,这样一来,实例就可以访问构造函数原型对象上定义的方法和属性。

​ 简而言之,__proto__ 是对象上的属性,而prototype是函数对象上的属性。它们的关系在于:

​ 1、对象实例的 proto 属性指向其构造函数的 prototype。

​ 2、对象可以通过 proto 属性访问到原型链上的其他对象,包括 Object.prototype。

​ 3、函数对象的 prototype 属性用于定义构造函数的原型对象,这个原型对象包含了实例共享的方法和属性

1.一个重要的内置关系:VueComponent.prototype.__proto__ === Vue.prototype(这个vue原型对象包含了实例共享的方法和属性。)

2.为什么要有这个关系:让组件实例对象(vc)可以访问到 Vue实例的原型上的属性、方法。

javascript 复制代码
	    //定义一个构造函数
		/* function Demo(){
			this.a = 1
			this.b = 2
		}
		//创建一个Demo的实例对象
		const d = new Demo()

		console.log(Demo.prototype) //显示原型属性

		console.log(d.__proto__) //隐式原型属性

		console.log(Demo.prototype === d.__proto__)  //这里返回的就是true

		//程序员通过显示原型属性操作原型对象,追加一个x属性,值为99
		Demo.prototype.x = 99
相关推荐
一个专注写代码的程序媛3 分钟前
为什么vue的key值,不用index?
前端·javascript·vue.js
我真的不会C11 分钟前
QT窗口相关控件及其属性
开发语言·qt
CodeCraft Studio11 分钟前
Excel处理控件Aspose.Cells教程:使用 Python 在 Excel 中进行数据验
开发语言·python·excel
장숙혜14 分钟前
ElementUi的Dropdown下拉菜单的详细介绍及使用
前端·javascript·vue.js
火柴盒zhang17 分钟前
websheet之 编辑器
开发语言·前端·javascript·编辑器·spreadsheet·websheet
WKK_23 分钟前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app
莫问alicia23 分钟前
react 常用钩子 hooks 总结
前端·javascript·react.js
景天科技苑24 分钟前
【Rust】Rust中的枚举与模式匹配,原理解析与应用实战
开发语言·后端·rust·match·enum·枚举与模式匹配·rust枚举与模式匹配
阿让啊30 分钟前
C语言中操作字节的某一位
c语言·开发语言·数据结构·单片机·算法
Mintopia32 分钟前
图形学中的数学基础与 JavaScript 实践
前端·javascript·计算机图形学