js原型链原理与查找机制

JavaScript中的原型链是实现继承的机制,它是基于对象的。每个对象都有一个内部指针(proto),指向它的原型对象(prototype)。原型对象也是一个对象,同样具有自己的原型对象,形成一个链式结构,称为原型链。

原型链的作用是在查找对象属性时,先从对象本身查找,如果找不到,则沿着原型链向上查找,直到找到该属性或者原型链的顶端(Object.prototype)为止。

原型链的查找机制是从下往上查找,即先从对象本身查找属性,如果找不到,则沿着原型链向上查找。如果最终还找不到,则返回undefined。

下面是一个详细解析和代码示例:

// 定义一个对象
var obj = {name: "John",age: 25
};// 使用 Object.create() 方法创建一个新对象,并将 obj 设置为它的原型对象
var newObj = Object.create(obj);// 在 newObj 中添加一个属性
newObj.gender = "Male";// 查找属性
console.log(newObj.name); // 输出: "John",从原型链上找到了属性console.log(newObj.age); // 输出: 25,从原型链上找到了属性console.log(newObj.gender); // 输出: "Male",在对象本身找到了属性console.log(newObj.address); // 输出: undefined,无法在对象本身和原型链上找到属性

在上面的代码中,我们定义了一个对象 obj,然后使用 Object.create(obj) 创建了一个新的对象 newObj,并将 obj 设置为它的原型对象。在 newObj 中,我们添加了一个属性 gender

在查找属性时,我们先从对象本身查找 name 属性,但是在 newObj 中并没有找到,于是沿着原型链向上查找,在 obj 中找到了 name 属性,并输出了结果。

同样地,查找 age 属性时,在 newObj 中找不到,于是沿着原型链向上查找,在 obj 中找到了 age 属性,并输出了结果。

而在查找 gender 属性时,在 newObj 中找到了,所以直接输出了结果。

最后,查找 address 属性时,在 newObj 和原型链上都找不到,所以返回了 undefined。

通过以上的示例和解析,可以看出 JavaScript 的原型链是一种非常灵活和强大的继承机制,它使得我们可以在对象之间共享属性和方法,并且可以简化代码的编写。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/29742.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【AI大模型】在健康睡眠监测中的深度融合与实践案例

文章目录 1. 应用方案2. 技术实现2.1 数据采集与预处理2.2 构建与训练模型2.3 个性化建议生成 3. 优化策略4. 应用示例:多模态数据融合与实时监测4.1 数据采集4.2 实时监测与反馈 5. 深入分析模型选择和优化5.1 LSTM模型的优势和优化策略5.2 CNN模型的优势和优化策略…

若依RuoYi-Vue分离版—配置多数据源

若依RuoYi-Vue分离版—配置多数据源 一、修改application-druid.yml二、修改pom文件,引入依赖第一种:下载jar包到本地,然后引入(我这边用的是这种)本地引入的,打包时需要加上配置 第二种:从远程…

随想录Day63 | 单调栈 42. 接雨水 84.柱状图中最大的矩形

随想录Day63 | 单调栈 42. 接雨水 84.柱状图中最大的矩形 42. 接雨水 题目链接 42 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图&#xff0c;计算按此排列的柱子&#xff0c;下雨之后能接多少雨水。 第一次提交 class Solution { public:int trap(vector<int>…

模板类的实例—栈

#include<iostream>using namespace std;typedef int Datatype;class Stack { private:Datatype* items;//栈数组int stacksize;//栈的实际大小int top;//栈顶指针 public://构造函数&#xff1a;1&#xff09;分配栈数组内存&#xff0c;2&#xff09;把栈顶指针初始化为…

云原生微服务开发日趋成熟:有效拥抱左移以改善交付

在软件工程和应用程序开发方面&#xff0c;云原生已经成为许多团队的常用术语。当人们调查云原生的世界时&#xff0c;他们经常会得出这样的观点&#xff1a;云原生的整个过程都是针对大型企业应用程序的。几年前&#xff0c;情况可能确实如此&#xff0c;但随着 Kubernetes 等…

解码 ResNet:残差块如何增强深度学习性能【数学推导】

ResNet简介 残差网络结构 残差网络&#xff08;ResNet&#xff09;是由何凯明等人在2015年提出的&#xff0c;它极大地提高了深度神经网络的训练效果&#xff0c;尤其是非常深的网络。ResNet的核心思想是引入“残差块”&#xff08;Residual Block&#xff09;&#xff0c;通…

《Fundamentals of Power Electronics》——理想变压器基本公式推导

接下去推导理想变压器的基本公式。理想变压器满足以下三个条件&#xff1a; 1、无铜损。假设原副边线圈均无纯电阻&#xff0c;则不会因在铜导线中产生焦耳热引起能量损耗&#xff0c;另外也不考虑回路中的分布电容。 2、无铁损。忽略通过铁芯的磁通量变化引起的涡流损耗&…

线性二次型调节器(LQR)举例

线性二次型调节器(LQR) 线性二次型调节器(LQR)是一种用于最优控制的问题,其中目标是通过最小化某个代价函数来找到最优控制策略。LQR特别适用于线性系统。为了在人形机器人上应用LQR进行建模,主要步骤包括建立系统模型、定义代价函数以及求解最优控制律。以下是详细步骤…

Chromium 开发指南2024 Mac篇-Xcode安装(二)

1.引言 在开始编译和开发 Chromium 之前&#xff0c;确保开发环境的正确配置是至关重要的。对于 Mac 用户来说&#xff0c;Xcode 是不可或缺的工具&#xff0c;因为它不仅提供了必需的编译器和工具链&#xff0c;还包含了与 macOS 系统深度整合的开发资源。在本系列指南的第一…

redis从入门到进阶——数据类型、 操作、数值操作、发布订阅、消息队列、布隆过滤器、事务

文章目录 基础数据类型操作数值操作 进阶发布订阅消息队列布隆过滤器事务 基础 数据类型 string&#xff0c;set, hash, list, zset 操作 string符串类型&#xff1a; 保存一个字符串&#xff1a;set key value [EX seconds|PX milliseconds...] [NX|XX]EX&#xff1a;设置…

Apache Druid-时序数据库

Apache Druid&#xff1a;是是一个集时间序列数据库、数据仓库和全文检索系统特点于一体的分析性数据平台&#xff0c;旨在对大型数据集进行快速的查询分析&#xff08;"OLAP"查询)。Druid最常被当做数据库来用以支持实时摄取、高性能查询和高稳定运行的应用场景&…

PHP框架详解:Symfony框架讲解

PHP作为一种流行的服务器端编程语言&#xff0c;拥有众多框架&#xff0c;其中Symfony是备受开发者推崇的一个强大框架。本文将详细讲解Symfony框架的特点、优势及其主要组件和用法。 一、Symfony简介 Symfony是由Fabien Potencier于2005年创建的一个开源PHP框架。它基于MVC&…

微信商城源码带分销功能 支持微信小程序+公众号端 含详细图文搭建教程

分享一款微商城源码系统&#xff0c;不仅支持微信公众号端和小程序端二合一管理&#xff0c;带分销机制&#xff0c;集合了市面上电商系统的功能&#xff0c;并增加了多项全新特色功能&#xff0c;如多商户商家入驻、区域代理、收银台、互动直播等&#xff0c;为商家提供了全方…

充电学习—2、开关电源基本原理

一、基本原理&#xff1a; 1、脉冲宽度调制&#xff08;锯齿波发生器 PWM&#xff09;&#xff1a;通过脉冲宽度的改变&#xff0c;实现占空比的调节&#xff0c;实现稳压 特点&#xff1a; 开关周期固定&#xff0c;滤波电路设计简单&#xff0c;开关频率具有固定性&#xff…

多行文本的文字展示全部和收起功能

组件代码&#xff1a; <template><!-- 外层容器&#xff0c;使用相对定位 --><div class"relative"><!-- 文本容器&#xff0c;根据 expanded 状态决定是否应用 line-clamp-4 类 --><div :class"{ line-clamp-4: !expanded }"…

表达式的格式化

表达式&#xff1a;一条具有明确结果的代码语句 在字符串前面加上前缀f&#xff0c;表示这是一个格式化字符串&#xff0c;可以在字符串中直接引用变量&#xff0c;并使用{}来表示这些变量的位置。例如&#xff1a; name "Alice" age 30 print(f"My name is …

scratch3编程02-使用克隆来编写小游戏

目录 1&#xff0c;游戏效果 2&#xff0c;游戏代码块 1&#xff09;玩家 2&#xff09;障碍物 ​ 3&#xff09;箭头 ​ 4&#xff09;关卡图片 3&#xff0c;scratch文件 1&#xff0c;游戏效果 使用克隆 在这个游戏中&#xff1a; 程序开始&#xff1a;只要点击“…

构建LangChain应用程序的示例代码:37、基于LangGraph的文档检索与答案生成系统教程

这示例它实现了一个基于LangGraph的系统&#xff0c;用于处理文档检索和生成答案的过程。 好的&#xff0c;我会按照Markdown格式完整翻译并保留文件结构和格式&#xff1a; ! pip install langchain_community tiktoken langchain-openai langchainhub chromadb langchain lan…

怎么做到源代码防泄密?9种方法教会你

源代码加密是一种安全措施&#xff0c;其目的是为了保护软件的源代码不被未授权的个人或实体访问或泄露。源代码是软件应用程序的基础&#xff0c;它包含了程序的逻辑结构、核心算法以及设计理念。由于源代码承载了软件的核心知识和创新&#xff0c;因此它具有极高的商业价值和…

Geoserver使用OGC过滤器PropertyIsLike无法读取PostGIS Jsonb类型

错误提示&#xff1a; code"internalEror"Rendering process falled, Layers: boylat shp_ 1 org,postgresq!.ut.PsQLException: ERRoR: function upperjisonb) does not existHint: No function matches the given name and arqument types, You might need to add …