- 当前位置：首页 >数据库 >前端百题斩——原型、构造函数和实例之间的奇妙关系
前端百题斩——原型、构造函数和实例之间的奇妙关系
发布时间：2025-11-02 23:48:37 来源：创站工坊 作者：域名
16.1 基础
原型
每个对象都包含一个原型属性(prototype)，前端用于关联另一个对象，百题关联后就能使用那个对象的斩原造函之间属性和方法，这其实就是型构系JavaScript的原型式继承。操作原型有如下方法：
(1)Object.create()
根据指定的数和实例原型创建新对象，原型可以是妙关null
const parentObj = { add: function() { return this.a + this.b; } }; const newObj = Object.create(parentObj, { a: { value: 10 }, b: { value: 20 } }); console.log(newObj.add()); // 30(2)Object.getPrototypeOf()
返回指定对象的原型
console.log(Object.getPrototypeOf(newObj)); // { add: [Function: add] }(3)Object.setPrototypeOf()
设置一个指定的对象的原型到另一个对象或 null。
const parentObj = { add: function() { return this.a + this.b; } }; const childObj = { a: 10,前端 b: 20 }; Object.setPrototypeOf(childObj, parentObj); console.log(childObj.add()); // 30 console.log(Object.getPrototypeOf(childObj)); // { add: [Function: add] }(4)Object.prototype.isPrototypeOf()
返回一个布尔值，用于检查一个对象是百题否存在于另一个对象的原型链上。
console.log(parentObj.isPrototypeOf(childObj)); // true构造函数
构造函数 ，网站模板斩原造函之间是型构系一种特殊的方法。主要用来在创建对象时初始化对象，数和实例 即为对象成员变量赋初始值，妙关总与new运算符一起使用在创建对象的前端语句中。
实例
通过构造函数和new创建出来的百题对象，就是斩原造函之间实例
16.2 三者之间关系
下面先看一张网上流传的神图，里面包含了原型、构造函数、实例三者之间的关系。
image-20210530114840237.png
上述图中内容可以简化为以下几条：
原型.constructor === 构造函数 构造函数.prototype === 原型 实例.__ proto __ === 原型下面先来看一段代码，这段代码虽然简短，服务器租用但是里面却包含了上述的原型、构造函数和实例。
// 构造函数 function Test(a, b) { this.a = a; this.b = b; } // 原型 Test.prototype.add = function() { return this.a + this.b; } // 实例 const test = new Test(10, 20); console.log(test.add()); // 30下面来利用上述代码验证一下这三者的关系
获取实例内容
在实例中具备__ proto __ 属性，可以看到里面的内容就是原型，从而验证了实例.__ proto __ === 原型
获取构造函数内容
获取原型内容
在原型中具备constructor属性，该属性的内容就是构造函数，从而验证了原型.constructor === 构造函数
本文转载自微信公众号「执鸢者」，可以通过以下二维码关注。转载本文请联系执鸢者公众号。
- Copyright © 2025 Powered by 前端百题斩——原型、构造函数和实例之间的奇妙关系,创站工坊 滇ICP备2023006006号-44sitemap