JavaScript原型

news2024/9/23 7:34:07

前言

**原型的使用:**可以通过原型对象来添加共享的方法,这样所有通过该构造函数创建的对象实例都可以访问和使用这些方法。

举例

● 例如我们现在想在构造函数中添加一个计算年龄的方法,并且这个方法可以让所有的对象实例都可以访问到

Person.prototype.CalcAge = function () {
  console.log(2099 - this.birthYear);
};

ItShare.CalcAge();

在这里插入图片描述

注:这样可以让所有的对象实例共享一个方法,千万不要将上述的方法直接写入到构造函数中,那么如果有一千甚至更多的对象实例的话,改方法会被重复调用很多次,产生很多的副本,影响代码效率!

关键点理解

  1. 在 JavaScript 中,每个函数对象都有一个特殊的属性叫做 prototype,这个属性指向一个对象。这个对象被称为函数的原型对象(Prototype Object)。当你创建一个构造函数并使用 new 关键字实例化一个对象时,该对象会自动关联到构造函数的原型对象上。
    **2. 构造函数的原型对象:**每个函数在创建时,都会自动获取一个 prototype 属性,这个属性指向一个对象。这个对象就是构造函数的原型对象。
  2. 对象实例的原型:当你使用 new {} 创建一个对象实例时,这个实例会具有一个特殊的内部属性 proto(在现代 JavaScript 中可以通过 Object.getPrototypeOf() 访问),它指向构造函数的原型对象。
  3. JavaScript 中的原型链是由对象的 proto 属性链接而成的,通过原型链,对象可以访问其构造函数的原型对象上的属性和方法。如果一个属性或方法在对象本身找不到,JavaScript 引擎会沿着原型链向上查找,直到找到该属性或方法或者到达原型链的顶端(即 Object.prototype)。
  4. 在 JavaScript 中,虽然构造函数本身也有 prototype 属性,但通常我们更关心的是对象实例的 proto 属性,因为它直接决定了实例对象的原型链的结构和继承关系。
console.log(ItShare.__proto__ === Person.prototype);

在这里插入图片描述

对象的原型指向构造函数的原型对象,返回True

console.log(Person.prototype.isPrototypeOf(ItShare));
console.log(Person.prototype.isPrototypeOf(Person));

在这里插入图片描述

**注:**Person.prototype 是 Person 函数的原型对象,而不是 Person 函数本身的原型对象。

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

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

相关文章

C++基础篇(2)

目录 前言 1.缺省参数 2.函数重载 2.1函数重载的基本规则 ​编辑2.2注意事项 2.3 重载解析(Overload Resolution)--补充内容 3.引用 3.1引用的概念和定义 3.2引用的特性 3.3引用的使用 3.4const引用 4.指针和引用的关系 结束语 前言 上节小编…

互联网末法时代的一些思考

这篇文章也是临时起意,很长一段时间没写个人思考类的文章,主要原因也是时间完全不够用。随着年龄的增长,看待问题的视角也逐渐发生变化,例如从关注现象到关注动机,从关注结果到关注起因,2021年的时代我曾经…

前端设计模式:教科书般的实践指南

前端设计模式:教科书般的实践指南 引言 亲爱的前端小伙伴们,你们是否曾经在代码的海洋中迷失方向?是否曾经被项目经理的"简单需求"折磨得欲仙欲死?别担心,今天我们就来聊聊那些能让你在前端江湖中纵横捭阖…

Qt程序图标更改以及程序打包

Qt程序图标更改以及程序打包 1 windows1.1 cmake1.1.1 修改.exe程序图标1.1.2 修改显示页面左上角图标 1.2 qmake1.2.1 修改.exe程序图标1.2.2 修改显示页面左上角图标 2 程序打包2.1 MinGW2.2 Visual Studio 3 参考链接 QT6 6.7.2 1 windows 1.1 cmake 1.1.1 修改.exe程序图…

新书速览|深入理解Hive:从基础到高阶:视频教学版

《深入理解Hive:从基础到高阶:视频教学版》 本书内容 《深入理解Hive:从基础到高阶:视频教学版》采用“理论实战”的形式编写,通过大量的实例,结合作者多年一线开发实战经验,全面地介绍Hive的使用方法。《深入理解Hiv…

昂科烧录器支持Hynetek慧能泰半导体的三端口控制器HUSB366

芯片烧录行业领导者-昂科技术近日发布最新的烧录软件更新及新增支持的芯片型号列表,其中Hynetek慧能泰半导体的三端口控制器HUSB366已经被昂科的通用烧录平台AP8000所支持。 HUSB366是一款高性能、高集成度的双USB Type-C和一个USB Type-A三端口控制器,…

如何将电子书发送到kindle

修改guide Amazon之kindle 修改邮箱 参考: blog 多种方式:如何将电子书发送到kindle

不用ps?AI生成免抠素材,让你的工作效率翻倍!

在当今的工作和创作中,免抠素材的重要性日益凸显。无论是制作精美的 PPT ,还是设计个性化的电子手账,优质的免抠素材都能起到画龙点睛的作用。然而,寻找合适的免抠素材并非易事,很多时候我们会面临各种困扰。 有不少朋…

PHP webshell 免杀方法

本文介绍php类webshell简单的免杀方法,总结不一定全面,仅供读者参考。 webshell通常可分为一句话木马,小马,大马,内存马。 一句话木马是最简单也是最常见的webshell形式,这种木马体积小,隐蔽较…

大厂必争之地!AI搜索产品万字长文分析

多年以前,百度、谷歌等就在开始做智能搜索,但彼时的智能搜索只是对搜索结果的简单整理归纳,效果并不如人意。当前AI爆火,在AI的加持下,搜索会不会更强大一些呢?其实并不是,至少当前AI搜索的使用…

MyBatis源码中的设计模式2

组合模式的应用 组合模式介绍 组合模式(Composite Pattern) 的定义是:将对象组合成树形结构以表示整体和部分的层次结构。组合模式可以让用户统一对待单个对象和对象的组合。 比如:Windows操作系统中的目录结构,通过tree命令实现树形结构展…

安装 MySQL,修改用户名、放通外部机器访问

Hello,好记性不如烂笔头~ 虽说不会经常部署 MySQL ( OS:当然了,这服务不是公司部署好等着用就好了吗~?) 但!作为程序员、能够随手、无卡顿的部署并使用一个新的数据库 / 数据库集群也算是基操了…

【Blockly图形化积木编程二次开发学习笔记】1.工具箱的实现

文章目录 Blockly 版本选择上手 Blockly 版本选择 在【兰州大学】Blockly创意趣味编程【全36讲】主讲教师:崔向平 周庆国中提到,在18年6月份之前的版本中,可以通过安装依赖库的方式,打开开发者工具的离线版本,但是新版…

AWS CDN新增用户ip 地区 城市 响应头

1.需要自定义cdn缓存策略 这里的策略也是先复制之前的cdn策略哈 最后复制完了 全部新增这两条标头key CloudFront-Viewer-Country CloudFront-Viewer-City 2.然后新增cdn函数,应用你写的这个函数 function handler(event) {var request event.request;var respon…

Raw Socket(二)循环队列收发数据

完整代码在: 添加链接描述 其中tcp_handshake文件夹是实现TCP三次握手的demo。 完整代码参考: https://github.com/praveenkmurthy/Raw-Sockets 代码实现基于raw socket的TCP协议,发送http请求包并接收回包,…

JAVA中的Prim和Dijkstra问题详解

1.概念 Prim算法是一种计算加权无向图的最小生成树的算法。所谓最小生成树,是指一个图的子图,它包含图中所有的顶点,并且有保持图连通的最少的边,且所有边的权值之和最小。Prim算法的基本思想是从图中任意一个顶点开始&#xff0…

Go Web开发框架之Gin

💝💝💝欢迎莅临我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…

【香橙派AiPro】基于VGG16的火灾检测模型预测

目录 引言开发板介绍开发板使用准备工作工具文档 拨码开关镜像烧录连接开发板下载MobaXterm网线-SSH连接开发板设置WIFI连接WIFI-SSH连接开发板确定开发板IP方法 Vnc可视化WindowsiPad 开发工具安装 散热风扇基于VGG16的火灾检测模型预测数据集准备目录结构代码操作 安装宝塔最…

pico+unity手柄和摄像机控制初级设置

1、摄像头配置 摄像头模式、floor是追踪原点类型(将根据设备检测到地面的高度来计算追踪原点), Device 模式时,为通常理解的 Eye 模式,不会将根据设备检测到地面的高度来计算追踪原点 选择floor时,修改相…

UE4-初见虚幻引擎

一.创建自己的工程 1.启动 a.通过桌面双击图标来打开对应版本的虚幻引擎 b.通过EPIC启动器开启动虚幻引擎 2.选择或新建项目 ps:高版本虚幻编辑器可以打开低版本的虚幻项目,但是高版本虚幻的项目不可以由低版本的虚幻编辑器打开。 3. 选择要打开的项目 4.选择模版 选…