当前位置：首页 > news >正文

原型链的详细解释及使用场景

news 来源：原创 2025/7/27 4:31:51

一、原型链的概念

原型链是JavaScript实现继承和属性共享的核心机制。每个对象都有一个内部属性[[Prototype]]（可通过proto访问），指向其原型对象。当访问对象的属性时，若对象自身不存在该属性，则会沿着原型链向上查找，直到找到或到达链的顶端（null）。

示例结构：

function Person(name) {this.name = name;
}
Person.prototype.sayName = function() {console.log(this.name);
};
const person = new Person("Alice");

构造函数：Person是一个构造函数，其prototype属性指向原型对象。
原型对象：Person.prototype包含sayName方法，且constructor指回Person。
实例对象：person的proto指向Person.prototype，形成链式关系。

二、原型链的继承机制

原型继承：

function Parent() {this.parentProp = "Parent";
}
Parent.prototype.parentMethod = function() { /* ... */ };
function Child() {Parent.call(this); // 继承实例属性this.childProp = "Child";
}
Child.prototype = Object.create(Parent.prototype); // 继承原型方法
Child.prototype.constructor = Child; // 修复构造函数指向

ES6的class语法（基于原型链）：

class Parent {constructor() {this.parentProp = "Parent";}parentMethod() { /* ... */ }
}
class Child extends Parent {constructor() {super(); // 调用父类构造函数this.childProp = "Child";}
}

三、原型链的使用场景

共享方法以节省内存：

function Car(model) {this.model = model;
}
// 所有实例共享同一方法
Car.prototype.drive = function() {console.log(
${this.model} is driving.
);
};
const car1 = new Car("Toyota");
const car2 = new Car("Honda");

扩展内置对象功能：

Array.prototype.sum = function() {return this.reduce((acc, val) => acc + val, 0);
};
const arr = [1, 2, 3];
console.log(arr.sum()); // 6

实现继承与多态：

function Animal(name) {this.name = name;
}
Animal.prototype.speak = function() {console.log(
${this.name} makes a noise.
);
};
function Dog(name) {Animal.call(this, name);
}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
Dog.prototype.speak = function() { // 方法重写console.log(
${this.name} barks.
);
};
const dog = new Dog("Buddy");
dog.speak(); // "Buddy barks."

实现混合继承（Mixin）：

const canSwim = {swim() {console.log(
${this.name} is swimming.
);}
};
function Fish(name) {this.name = name;
}
Object.assign(Fish.prototype, canSwim);
const nemo = new Fish("Nemo");
nemo.swim(); // "Nemo is swimming."

四、注意事项与潜在问题

原型污染：

风险：修改原型属性会影响所有实例。

Array.prototype.push = function() { // 错误做法！console.log("Push disabled!");
};
const arr = [1, 2];
arr.push(3); // 输出"Push disabled!"，原功能被破坏

规避：避免直接修改内置对象的原型，优先使用组合或装饰器模式。

性能优化：
- 深层次原型链可能导致属性查找变慢，现代引擎对此有优化，但需注意设计合理性。

五、总结

核心机制：原型链通过[[Prototype]]实现继承链，支持属性查找和方法共享。
适用场景：
- 对象方法共享（节省内存）。
- 实现类式继承和多态。
- 扩展内置对象功能（需谨慎）。
最佳实践：
- 使用Object.create()替代直接修改__proto__。
- 优先选择ES6 class语法简化继承逻辑。
- 避免原型污染，确保代码可维护性。

原型链的详细解释及使用场景

一、原型链的概念原型链是JavaScript实现继承和属性共享的核心机制。每个对象都有一个内部属性[[Prototype]]（可通过proto访问），指向其原型对象。当访问对象的属性时，若对象自身不存在该属性，则会沿着原型链向上查找…...

编程日记 2025/7/27 4:31:51

基础对象对应关系 OpenCL C 对象OpenCL C 对应类型创建函数示例cl::Platformcl_platform_idclGetPlatformIDs(1, &platform, NULL)cl::Devicecl_device_idclGetDeviceIDs(platform, CL_DEVICE_TYPE_GPU, 1, &device, NULL)cl::Contextcl_contextclCreateContext(NULL,…...

编程日记 2025/7/28 3:27:18

Azure 机器学习初学者指南

Azure 机器学习初学者指南在我们的初学者指南中探索Azure机器学习，了解如何设置、部署模型以及在Azure生态系统中使用AutoML & ML Studio。Azure 机器学习 （Azure ML） 是一项全面的云服务，专为机器学习项目生命周期而设计&am…...

编程日记 2025/7/28 3:30:02

一文读懂----Docker 常用命令

Docker 是一个强大的容器化平台，广泛用于开发、测试和生产环境。通过 Docker 命令行工具（CLI），我们可以轻松管理容器、镜像、网络和卷等资源。本文将详细介绍 Docker 的常用命令，带你熟练掌握 Docker 的核心操作命令。…...

编程日记 2025/7/28 3:18:06

React 19 中的useRef得到了进一步加强。

文章目录前言一 useRef 的核心原理1.1 为什么需要 useRef？1.2 基本语法二、React 19 中 useRef 的常见用法2.1 访问 DOM 元素2.2 保存跨渲染的数据三、React 19 中的改进ref 作为一个属性案例演示(触发子组件焦点事件) 注意总结前言在 React 的世界里&#x…...

编程日记 2025/7/26 23:13:27

报错System.BadImageFormatException:“试图加载格式不正确的程序。 (异常来自 HRESULT:0x8007000B)”

this.hWindowControl_Player new HalconDotNet.HWindowControl();报错System.BadImageFormatException:“试图加载格式不正确的程序。 (异常来自 HRESULT:0x8007000B)” System.BadImageFormatException 错误通常是由于平台架构不匹配导致的。它意味着你正在尝试在一个平台上加…...

编程日记 2025/7/26 18:41:58

【图像处理基石】OpenCV中都有哪些图像增强的工具？

OpenCV 图像增强工具系统性介绍 OpenCV 提供了丰富的图像增强工具，主要分为以下几类： 亮度与对比度调整线性变换（亮度/对比度调整）直方图均衡化自适应直方图均衡化（CLAHE） 滤波与平滑高斯滤波中值滤波双…...

编程日记 2025/7/25 5:21:28

Nordic 的RTC（Real-time counter）的介绍

目录概述 1 RTC（Real-time counter）介绍 1.1 框架结构 1.2 时钟源 1.3 分辨率与溢出和precaler 2 寄存器功能介绍 2.1 计数寄存器 2.2 事件控制功能 2.3 比较功能 2.4 读取COUNTER寄存器概述本文主要介绍Nordic 的RTC（Real-time…...

编程日记 2025/7/27 15:20:05

【数据结构】2-2-2 顺序表的插入删除查找

数据结构知识点合集知识点顺序表的插入 ListInsert(&L,i,e)：插入操作。在表L中的第i个位置上插入指定元素e。 /*在顺序表L的第i个位置插入元素e*/ bool ListInsert(SqList &L,int i,int e) {/*判断i的范围是否有效*/if(i<0||i>L.length)return fals…...

编程日记 2025/7/27 6:47:55

【免杀】C2免杀技术（五）动态API

一、什么是动态API 在C2免杀领域中，“动态API” 主要指的是绕过静态检测的一种技术手段，其本质是运行时动态解析和调用Windows API函数，而不是在程序编译阶段就明确引用这些API。这种方式可以有效躲避静态分析工具和杀软的签名识别。为什么…...

编程日记 2025/7/27 11:00:19

77.数据大小端赋值的差异与联系

上述赋值a定义为大端模式 a[7] a[6] a[5] a[4] a[3] a[2] a[1] a[0] 上述赋值b定义为小端模式 a[0] a[1] a[2] a[3] a[4] a[5] a[6] a[7] 因为5的二进制数…...

编程日记 2025/7/19 20:51:07

GO语言语法---switch语句

文章目录基本语法1. 特点1.1 不需要break1.2 表达式可以是任何类型1.3 省略比较表达式1.4 多值匹配1.5 类型switch1.6 case穿透1.7 switch后直接声明变量1.7.1 基本语法1.7.2 带比较表达式1.7.3 不带比较表达式1.7.4 结合类型判断 1.8 switch后的表达式必须与case语句中的表达…...

编程日记 2025/7/25 9:30:38

PH热榜 | 2025-05-16

1. Tolt 标语：专为SaaS初创公司打造的一体化联盟营销软件介绍：Tolt帮助SaaS初创公司启动和发展联盟计划。它提供自动化的支付、欺诈保护、与多种平台的无缝集成（包括Stripe、Paddle和Chargebee），还有一个品牌化的联…...

编程日记 2025/7/26 9:53:38

Java正则表达式：从基础到高级应用全解析

Java正则表达式应用与知识点详解一、正则表达式基础概念正则表达式(Regular Expression)是通过特定语法规则描述字符串模式的工具，常用于： 数据格式验证文本搜索与替换字符串分割模式匹配提取 Java通过java.util.regex包提供支持，核心类…...

编程日记 2025/7/25 4:20:53

iOS 初识RunLoop

iOS 初识RunLoop 文章目录 iOS 初识RunLoopRunLoop的概念RunLoop的功能RunLoop和线程的关系RunLoop的结构ModeObserverTimer 和 source小结 RunLoop的核心RunLoop的流程RunLoop的应用AutoreleasePool响应触控事件刷新界面常驻线程网络请求NSTimer 和 CADisplayLinkNSTimerGCDTi…...

编程日记 2025/7/16 1:56:55

备忘录模式

1.意图备忘录模式是一种行为型设计模式，允许在不破坏封装的特性前提，获取并保存一个对象的内部状态，后续需要时恢复该状态。核心是将对象的状态存储在一个独立的备忘录对象中，并在需要时恢复。 2.模式类型行为型对象设计模式 …...

编程日记 2025/7/27 19:54:58

UCOS 嵌入式操作系统

UCOS 嵌入式操作系统是一款在嵌入式领域应用广泛且具有重要地位的实时操作系统，以下是对它的详细介绍。发展历程初始版本诞生：UCOS 最早由美国嵌入式系统专家 Jean J. Labrosse 于 1991 年开始开发。当时他在项目中需要一个合适的实时操作系统&#…...

编程日记 2025/7/26 1:30:57

redis读写一致问题

title: redis读写一致问题 date: 2025-05-18 11:11:31 tags: redis categories: redis的问题方案 Redis读写一致问题条件: 数据库此时的数据为10,redis此时的数据也为10 业务流程: 操作数据库使得数据库的数据为20，删除redis里面的数据保证读写一致先删缓存…...

编程日记 2025/7/24 11:08:02

Redis实现分布式锁的进阶版：Redisson实战指南

一、为什么选择Redisson？ 在上一篇文章中，我们通过Redis原生命令实现了分布式锁。但在实际生产环境中，这样的基础方案存在三大痛点： 锁续期难题：业务操作超时导致锁提前释放不可重入限制：同一线程无法重复…...

编程日记 2025/7/20 9:58:04

标准库、HAl库和LL库（PC13初始化）

标准库 (Standard Peripheral Library) c #include "stm32f10x.h"void GPIO_Init_PC13(void) {GPIO_InitTypeDef GPIO_InitStruct;RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOC, ENABLE);GPIO_InitStruct.GPIO_Pin GPIO_Pin_13;GPIO_InitStruct.GPIO_Mode GPIO_…...

编程日记 2025/7/24 8:16:56

第二章：安卓端启动流程详解与疑难杂症调试手册

想让一个安卓项目跑起来，从表面看无非就是：双击打开、连接真机、点击运行。但是到了互动娱乐组件项目里，事情就变成了：点击运行→等待→黑屏→白屏→强制退出→LogCat爆炸→你怀疑人生。本章就来系统性解决几个问题&#xff1…...

编程日记 2025/7/27 10:33:03

备份C#的两个类

GuestIP依赖项： using System.Data.SQLite; //这是第三方依赖项，要从nuget下载 static class GuestIP {public static void ReadLastGuestIP(string constr "Data Sourceguestip_log.db;"){using (var connection new SQLiteConnection(co…...

编程日记 2025/7/26 8:57:38

通过串口设备的VID PID动态获取串口号（C# C++）

摘要本篇文章主要介绍分别通过C#和C++使用设备VID PID如何动态获取COM口目录 1 简述 2 VID PID查看方式 3 C#实现通过串口设备的VID PID动态获取串口号 3.1 辅助类实现 3.2 调用实例 4 C++实现通过串口设备的VID PID动态获取串口号 4.1 辅助类实现 4.2 调用实例 1 简…...

编程日记 2025/7/22 19:49:15

C语言指针深入详解（二）：const修饰指针、野指针、assert断言、指针的使用和传址调用

目录一、const修饰指针 （一）const修饰变量 （二）const 修饰指针变量二、野指针 （一）野指针成因 1、指针未初始化 2、指针越界访问 3、指针指向的空间释放 （二）如何规避野指…...

编程日记 2025/7/25 1:27:30

《P5283 [十二省联考 2019] 异或粽子》

题目描述小粽是一个喜欢吃粽子的好孩子。今天她在家里自己做起了粽子。小粽面前有 n 种互不相同的粽子馅儿，小粽将它们摆放为了一排，并从左至右编号为 1 到 n。第 i 种馅儿具有一个非负整数的属性值 ai。每种馅儿的数量都足够多，即小粽…...

编程日记 2025/7/22 12:08:45

C#自定义扩展方法及 EventHandler＜TEventArgs＞委托

有自定义官方示例链接： 如何实现和调用自定义扩展方法 - C# | Microsoft Learn 1.静态类 2.静态方法 3.第一参数固定为this 要修改的类型,后面才是自定的参数 AI给出的一个示例：没有自定义参数、有自定义参数的 using System; using System.Colle…...

编程日记 2025/7/27 4:31:52

oracle 资源管理器的使用

14.8.2资源管理器的使用资源管理器控制CPU资源使用说明： 　第一种分配方法：EMPHASIS CPU 分配方法确定在资源计划中对不同使用者组中的会话的重视程度。CPU占用率的分配级别为从1 到8，级别1 的优先级最高。百分比指定如何将CPU 资源分配给每…...

编程日记 2025/7/27 1:30:16

（二十一）Java集合框架源码深度解析

一、集合框架概述 Java集合框架(Java Collections Framework, JCF)是Java语言中用于存储和操作数据集合的一套标准架构。它提供了一组接口、实现类和算法，使开发者能够高效地处理各种数据结构。 1.1 集合框架的历史演变在Java 1.2之前，Java只有几种简…...

编程日记 2025/7/27 10:29:57

spark数据的提取和保存

Spark数据提取和保存一、数据提取（读取数据） 1. 读取文件（文本、CSV、JSON等） scala // 读取文本文件 val textData spark.read.text("路径/文件.txt") // 读取CSV文件（带表头） val csvD…...

编程日记 2025/7/24 20:38:36

Graphics——基于.NET 的 CAD 图形预览技术研究与实现——CAD c#二次开发

一、Graphics 类的本质与作用 Graphics 是 .NET 框架中 System.Drawing 命名空间下的核心类，用于在二维画布（如 Bitmap 图像）上绘制图形、文本或图像。它相当于 “绘图工具”，提供了一系列方法（如 DrawLine、FillElli…...

编程日记 2025/7/26 1:24:02

vue3_flask实现mysql数据库对比功能

实现对mysql中两个数据库的表、表结构、表数据的对比功能, 效果如下图基础环境请参考 vue3flasksqlite前后端项目实战代码文件结构变化 api/ # 后端相关 ├── daos/ │ ├── __init__.py │ └── db_compare_dao.py # 新增 ├── routes/ │ ├── _…...

编程日记 2025/7/23 4:26:57

【数据结构】2-3-1单链表的定义

数据结构知识点合集知识点单链表存储结构优点：不要求大片连续空间，改变容量方便；缺点：不可随机存取，要耗费一定空间存放指针 /*单链表节点定义*/ typedef struct LNode{ElemType data;struct LNode *next; }LNo…...

编程日记 2025/7/13 22:11:50

面试题总结一

第一天 1. 快速排序 public class QuickSort {public static void quickSort(int[] arr, int low, int high) {if (low < high) {// 分区操作，获取基准元素的最终位置int pivotIndex partition(arr, low, high);// 递归排序基准元素左边的部分quickSort(arr, …...

编程日记 2025/7/22 21:20:11

Ubuntu24.04下安装ISPConfig全过程记录

今天在网上看到ISPConfig，觉得不错，刚好手里又有一台没用的VPS,就顺手安装一个玩玩。具体安装步骤如下： 一、配置服务器hosts及hostname 【安装时候需要检查】使用root账号登录VPS后先安装vim编辑器，然后编辑hosts&#xff0…...

编程日记 2025/7/16 5:21:13

【NGINX】 -10 keepalived + nginx + httpd 实现的双机热备+ 负载均衡

文章目录 1、主架构图1.1 IP地址规划 2、web服务器操作3、配置nginx服务器的负载均衡4、配置keepalived4.1 master4.1 backup 5、测试双机热备5.1 两台keepalived服务器均开启5.2 模拟master节点故障 1、主架构图 1.1 IP地址规划服务器IP地址web1192.168.107.193web2192.168.…...

编程日记 2025/7/26 7:05:01

NC016NC017美光固态芯片NC101NC102

NC016NC017美光固态芯片NC101NC102 在存储技术的演进历程中，美光科技的NC016、NC017、NC101与NC102系列固态芯片，凭借其技术创新与市场适应性，成为行业关注的焦点。本文将从技术内核、产品性能、行业动向、应用场景及市场价值五个维度&#…...

编程日记 2025/7/24 14:44:36

C++（22）：fstream的一些成员函数

目录 1 遍历读取文件 1.1 eof()方法 2 读取文件大小 2.1 seekg() 2.2 tellg() 2.3 代码实例 3 存取文字 3.1 read() 3.2 write() 3.3 代码实例 3.3.1 存取文字 3.3.2 特殊方法存储 3.3.3 特殊方法读取 4 重载的输入输出 4.1 重载的输出 << 4.2 重载的输…...

编程日记 2025/7/28 1:25:48

【网络】Wireshark练习3 analyse DNS||ICMP and response message

ip.addr 172.16.0.100 && ip.addr 172.16.0.5 && (dns || icmp) 包号 22–31 之所以被选中，是因为在整个抓包文件里，与执行 ping cat.inx251.edu.au 这一事件相关的所有报文，恰好连续出现在第 22 到第 31 条记录中。具体分…...

编程日记 2025/7/24 16:08:31

GBS 8.0服装裁剪计划软件在线试用

1、全新升级内核8.0，分床更合理，铺布床数更少； 2、支持SS AUTONESTER排料引擎切换 3、支持ASTM AAMA及国产CAD（如布衣）导出的DXF，Prj文件等 4、核心引擎优化拖料优化省料优化 5、经实战对比人工&…...

编程日记 2025/7/13 6:33:27

顺序表：数据存储的 “ 有序阵地 ”

顺序表：数据存储的 “ 有序阵地 ” 线性表顺序表 - - - 顺序存储结构顺序表的操作实现代码全貌与功能介绍顺序表的功能说明代码效果展示代码详解SeqList.hSeqList.ctest.c 总结 💻作者简介&#xf…...

编程日记 2025/7/23 22:45:21

#Redis黑马点评#（七）实战篇完结

目录一达人探店 1 发布探店笔记 2 查看探店笔记 3 点赞功能编辑 4 点赞排行榜（top5） 编辑二好友关注 1 关注与取关 2 共同关注 3 Feed流实现关注推送 4 实现滚动分页查询三附近商店 1 GEO数据结构 2 附近商户搜索功能四用户…...

编程日记 2025/7/21 6:30:44

初始C++：类和对象（中）

概述：本篇博客主要介绍类和对象的相关知识。 1. 类的默认成员函数默认成员函数就是用户没有显示实现，编译器会自动生成的成员函数称为默认成员函数。一个类，在不写任何代码的情况下编译器会默认生成以下六个默认函数，在六个默认…...

编程日记 2025/7/23 17:02:17

Java开发经验——阿里巴巴编码规范实践解析3

摘要本文深入解析了阿里巴巴编码规范中关于错误码的制定与管理原则，强调错误码应便于快速溯源和沟通标准化，避免过于复杂。介绍了错误码的命名与设计示例，推荐采用模块前缀、错误类型码和业务编号的结构。同时，探讨了项目错误信…...

编程日记 2025/7/27 6:39:35

ChatGPT：OpenAI Codex—一款基于云的软件工程 AI 代理，赋能 ChatGPT，革新软件开发模式

ChatGPT：OpenAI Codex—一款基于云的软件工程 AI 代理，赋能 ChatGPT，革新软件开发模式导读：2025年5月16日，OpenAI 发布了 Codex，一个基于云的软件工程 AI 代理，它集成在 ChatGPT 中&#xff0c…...

编程日记 2025/7/27 8:03:16

iOS 内存分区

iOS内存分区文章目录 iOS内存分区前言五大分区static、extern、const关键字比较conststaticextern与.h文件的关系extern引用变量extern声明 static和const联合使用extern和const联合使用前言笔者之前学习OC源码的时候,发现对于这里的几个static,extern,const的内容有遗忘,所…...

编程日记 2025/7/24 23:08:21

LWIP的Socket接口

Socket接口简介类似于文件操作的一种网络连接接口，通常将其称之为“套接字”。lwIP的Socket接口兼容BSD Socket接口，但只实现完整Socket的部分功能 netconn是对RAW的封装 Socket是对netconn的封装 SOCKET结构体 struct sockaddr { u8_t sa_len; /* 长…...

编程日记 2025/7/19 1:09:09

【Linux笔记】——线程同步条件变量与生产者消费者模型的实现

🔥个人主页🔥：孤寂大仙V 🌈收录专栏🌈：Linux 🌹往期回顾🌹：【Linux笔记】——线程互斥与互斥锁的封装 🔖流水不争，争的是滔滔不息一、线程同步的…...

编程日记 2025/7/23 15:30:37

Popeye

概览与定位 Popeye 是由 derailed 团队开源的 Kubernetes 集群资源 “Sanitizer”，它以只读方式扫描集群内的各种资源（如 Pod、Service、Ingress、PVC、RBAC 等），并基于社区最佳实践给出问题等级及修复建议，覆盖配置误…...

编程日记 2025/7/20 1:26:55

ES（ES2023/ES14）最新更新内容，及如何减少内耗

截至2023年10月，JavaScript（ECMAScript）的最新版本是 ES2023（ES14）。 ES2023 引入了许多新特性，如findLast、toSorted等，同时优化了性能。通过减少全局变量、避免内存泄漏、优化循环、减少DOM操作、使用Web Workers、懒加载、缓存、高效数据结构和代码压缩，可以显著降低…...

编程日记 2025/7/28 1:20:15

电子数据取证（数字取证）技术全面指南：从基础到实践

为了后续查阅方便，推荐工具先放到前面推荐工具数字取证基础工具综合取证平台工具名称类型主要功能适用场景EnCase Forensic商业全面的证据获取和分析、强大的搜索能力法律诉讼、企业调查FTK (Forensic Toolkit)商业高性能处理和索引、集成内存分析大规模数据处…...

编程日记 2025/7/24 5:01:03

一、原型链的概念

二、原型链的继承机制

三、原型链的使用场景

四、注意事项与潜在问题

五、总结

相关文章：