面试题之---解释一下原型和原型链

  • 实例化对象

    1. 和普调函数一样,只不过调用的时候要和new连用(实例化),不然就是一个普通函数调用
    2. function Person () {}
      const o1 = new Person()   //能得到一个空对象
      const o2 = Person()   //什么也得不到,这就是普通的函数调用
  • 原型

原型就是一个为对象实例定义了一些公共属性和公共方法的对象模板。
  • 函数原型--prototype

        每一个函数天生自带一个成员,叫做prototype,是一个对象空间。

        在函数的prototype里面存储的内容,不是给函数使用的,是给函数的每一个实例化对象使用的。

  • 对象原型__proto__

        每一个对象天生自带一个成员,叫做__proto__,是一个对象空间。

        这个__proto__对象空间是给每一个对象使用的。

function Person () {}
const o1 = new Person()
console.log(o1.__proto__ === Person.prototype) //true

        实例化对象的__proto__和所属的构造函数的prototype是一个对象空间

function Person(name) {  this.name = name;  
}  Person.prototype.sayHello = function() {  console.log(`Hello, my name is ${this.name}`);  
};  const person1 = new Person('Alice');  
person1.sayHello(); // Output: Hello, my name is Alice

        在这个例子中,person1 对象通过 __proto__ 属性访问 Person.prototype,从而可以调用 sayHello 方法。

  • constructor

        实例化对象的__proto__里面也有一个成员叫做constructor。

        这个属性就是指向当前这个对象所属的构造函数。

function Person () {}
const o1 = new Person()
console.log(o1.constructor === Person) //true
  • 原型链

  1. 对象之间的继承关系通过构造函数的prototype指向父类对象,直到指向Object对象为止形成的指向链条。
  2. 通俗讲: 原型链是原型对象创建过程的历史记录。
  3. 注:在javascript中,所有的对象都拥有一个__proto__属性指向该对象的原型(prototype)

  • 当一个对象我们不知道准确的是谁构造的时候,我们就把它看成object的实例化对象
  • 也就是说,我们的构造函数的prototype的__proto__指向的是object.prototype

  • 那么object.prototype也是一个对象,我们有一句话叫万物皆对象,所以object.prototype就到顶了,object.prototype的__proto__就是null

  • 查找顺序:当你访问某个属性时,JavaScript 采用以下顺序查找:

    • 看对象本身是否有这个属性。
    • 如果没有,查看该对象的 __proto__ 是否有这个属性。
    • 如果还没有,继续查找 __proto__.__proto__,依此类推,直到查到 Object.prototype。如果在整个原型链中都未找到,返回 undefined
  • 原型关系图

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

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

相关文章

Java项目实战II基于微信小程序的助农扶贫的设计与实现(开发文档+数据库+源码)

目录 一、前言 二、技术介绍 三、系统实现 四、文档参考 五、核心代码 六、源码获取 全栈码农以及毕业设计实战开发,CSDN平台Java领域新星创作者,专注于大学生项目实战开发、讲解和毕业答疑辅导。 一、前言 随着移动互联网技术的快速发展&#xf…

【Linux】阿里云服务器搭建gradio实例

文章目录 0 前言1 整体结构2 Python开放环境搭建2.1 SSL安装2.2 python安装 3 开发3.1 工具使用3.2 gradio3.3 langchain 4 nginx部署4.1 下载安装4.2 配置访问gradio 5 服务编写6 扩展:安装软件步骤总结 0 前言 因为课程原因,需要做一个大模型相关的大作…

vue3中如何实现标准元素 拖动 功能 【收藏备用】

最近在用vue3做一个企业后台管理系统的项目,在登录页面的时候需要用户滑动滑块来获取验证码登录系统 用到了元素拖放 这里也顺便记录一下 如何使用的. 目录 1.功能介绍 2.代码部分 3 实现过程 3.1 设置可拖动元素 3.2 拖动什么 3.3 放到何处 3.4 进行放置 1.功能介绍…

1159:斐波那契数列

【题目描述】 用递归函数输出斐波那契数列第n项。0,1,1,2,3,5,8,13…… 【输入】 一个正整数n,表示第n项。 【输出】 第n项是多少。 【输入样例】 3 【输出样例】 1 代码实现 /*斐波那契*/ int fbnq(i…

小水电远程集控运维系统简介及应用价值

一、政策背景 2023年7月14日水利部办公厅印发了《智能化小型水电站技术指南( 试行)》和(《小水电集控中心技术指南( 试行)》两个指导性文件,明确要求实施小水电绿色改造和现代化提升工程,推进建设智能集约的现代化小水电。 二、系统概述 小…

公司电脑加全屏水印怎么加(怎么打水印满屏)?4个方法精选!包教包会!

在企业管理中,为了保护公司机密信息的安全,给公司电脑添加全屏水印已成为一种常见的安全措施。 全屏水印不仅可以震慑潜在的窥探者,还能在信息不慎泄露时提供追溯线索。 那么,如何给公司电脑添加全屏水印呢? 以下是4…

AI大模型开发架构设计(18)——基于大模型构建企业知识库案例实战

文章目录 1 LLM 大模型在工作中的实际应用以及局限性LLM 大模型工作中实际应用大模型2点局限性 2 基于大模型和向量数据库的企业级知识库架构剖析向量数据库向量数据库选型知识库文档检索增强(Retrieval Augmented Generation)向量数据库应用技术总体架构向量数据库应用离线索引…

磐石云语音助手拦截介绍

呼叫中心用户实际应用场景下最高会有超过30%的和语音助手;无声主要是进入了语音信箱;如:“听到滴声后留言”,”漏话提醒““发送请按1,重录请按2”以及拨打过程中客户主动拒接产生的”您拨打的用户正忙“,”关机“”停…

mysqldump命令搭配source命令完成数据库迁移备份

mysqldump 命令使用 需保证mysqld在运行中, 这个命令的目的是将数据库导出到文件中,例如 mysqldump -uusername -ppassword database > db.sql 注意该命令不是在MySQL客户端(即MySQL命令行)执行的,而是在系统命…

Spring框架之适配器模式 (Adapter Pattern)

适配器模式(Adapter Pattern)详解 适配器模式(Adapter Pattern)是一种结构型设计模式,它的主要作用是将一个类的接口转换成客户端期望的另一个接口,使原本由于接口不兼容而无法一起工作的类可以协同工作。…

10款PDF合并工具的使用体验与推荐!!!

在如今的信息洪流中,我们几乎每个人都被淹没在大量的数字文档之中。无论是学生、教师还是职场人士,我们都需要高效地管理和处理这些文档。而PDF文件,凭借其跨平台的稳定性和通用性,成了最常用的文档格式之一。我们经常需要处理、编…

2025秋招春招行测测评所用题库总结+测评题目解答思路和总结+测评题库汇总

现在校招找工作都要面对测评这一关,如果没有做好准备很容易就招聘流程截止,下面是校招常用的测评题库。最后分享赛码和智鼎题目答题思路。 测评所用题库 北森 在秋季、春季校园招聘中,有超过70%的单位企业行测系统选择北森题库,…

Oracle EBS工具脚本

文章目录 值集查询快码查询查询可执行请求批量取消请求职责查询死锁处理脚本获取包体查询最后编译信息 值集查询 SELECT ffs.flex_value_set_id,ffs.flex_value_set_name,ffv.flex_value,ffv.flex_value_meaning,ffv.description,ffv.flex_valueFROM applsys.fnd_flex_value_se…

Redis做分布式锁

(一)为什么要有分布式锁以及本质 在一个分布式的系统中,会涉及到多个客户端访问同一个公共资源的问题,这时候我们就需要通过锁来做互斥控制,来避免类似于线程安全的问题 因为我们学过的sychronized只能对线程加锁&…

《MYSQL45讲》kill不掉的线程

kill query 线程id :终止这个线程正在执行的语句 kill connection 线程id :关闭这个线程的连接,也会先停止这个线程正在执行的语句。这个connection可以缺省。 本文讨论的情况是:使用了kill命令,却没有断开连接,show processli…

CodeFlow评分系统

C o d e F l o w CodeFlow CodeFlow rating体系: 参考文献: https://www.cnblogs.com/ruierqwq/p/17973570/cf-at-rating https://blog.csdn.net/CSDNhdlg/article/details/123729562 https://www.jianshu.com/p/1ae01cf56f0a?fromtimeline 1 1 1、段位…

IntelliJ+SpringBoot项目实战(四)--快速上手数据库开发

对于新手学习SpringBoot开发,可能最急迫的事情就是尽快掌握数据库的开发。目前数据库开发主要流行使用Mybatis和Mybatis Plus,不过这2个框架对于新手而言需要一定的时间掌握,如果快速上手数据库开发,可以先按照本文介绍的方式使用JdbcTemplat…

html5多媒体标签

文章目录 HTML5新增多媒体标签详解&#xff1a;视频标签与音频标签视频标签<video>音频标签<audio>代码案例 HTML5新增多媒体标签详解&#xff1a;视频标签与音频标签 HTML5引入了多项新特性&#xff0c;其中多媒体标签的引入为网页开发带来了革命性的变化。这些标…

12、Linux系统的网络基本设置

查看网络接口信息ifconfig ip addr/ip a #简单查看网络接口信息 ifconfig #表示只显示当前活跃的设备接口信息 ifconfig -a #查看当前主机所有的&#xff08;all&#xff09;网络设备&#xff0c;包括未运行的设备。 如我们查看本机网卡ens33的…

PHP:通往动态Web开发世界的桥梁

PHP&#xff0c;全名为“PHP: Hypertext Preprocessor”&#xff0c;是世界上最流行的服务器端脚本语言之一。它是动态网站开发的中流砥柱&#xff0c;用于构建从简单博客到复杂企业级应用的各种网络平台。在这篇文章中&#xff0c;我们将详细探讨PHP的起源、核心功能、开发流程…