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

Javascript原型 ,原型链如何理解使用 ?有什么特点?

文章目录

    • 图解
    • 原型
    • 原型链
    • 总结
    • 有需要的请私信博主,还请麻烦给个关注,博主不定期更新,或许能够有所帮助!!请关注公众号

图解

在这里插入图片描述

原型

常被描述为 — 种基于原型的语言–每个对象拥有一个原型对象 当试图访问 一个对象的属性时, 它不仅仅在该对象上搜寻,
还会搜寻该对象的原型, 以及该对象的原型 的原型 ,依次层层向上搜索 , 直到找到一个名字匹配的属性或到达原型链的末尾 准确地说 ,
这些属性和方法定义在。bject的构造器函数 (constructor functions) 之上 的 prototype 属性上
,而非实例对象本身

函数可以有属性。每个函数都有一个特殊的属性叫作原型 prototype

 function doSomething(){}console.log( doSomething.prototype );

输出原型对象

{constructor: ƒ doSomething(),__proto__: {constructor: ƒ Object(),hasOwnProperty: ƒ hasOwnProperty(),isPrototypeOf: ƒ isPrototypeOf(),propertyIsEnumerable: ƒ propertyIsEnumerable(),toLocaleString: ƒ toLocaleString(),toString: ƒ toString(),valueOf: ƒ valueOf()
}

原型对象有一个自有属性 constructor , 这个属性指向该函数 , 如下图关系展示
在这里插入图片描述

原型链

原型对象也可能拥有原型, 并从中继承方法和属性, — 层 — 层 、以此类推 。这种关系常被称为原型链 (prototype chain)
, 它解释了为何一个对象会拥有定义在其他对象中的属性和方法 在对象实例和它的构造器之间建立-个链接 (它是 proto 属性
是从构造函数 的 prototype 属性派生的) , 之后通过上溯原型链 ,在构造器中找到这些属性和方法

function Person(name) {this.name = name;this.age = 18;this.sayName = function() {console.log(this.name);}
}
// 
var person = new Person('person')

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

总结

下面首先要看几个概念:
proto 作为不同对象之间的桥梁, 用来指向创建它的构造函数的原型对象的
提示:这里可以添加技术名词解释
在这里插入图片描述

每个对象的 proto 都是指向它的构造函数的原型对象 prototype 的

person1.__proto__ === Person.prototype

在这里插入图片描述
刚刚上面说了 ,所有的构造器都是函数对象 函数对象都是 Function 构造产生的

Object.__proto__ === Function.prototype

有需要的请私信博主,还请麻烦给个关注,博主不定期更新,或许能够有所帮助!!请关注公众号

在这里插入图片描述

相关文章:

Javascript原型 ,原型链如何理解使用 ?有什么特点?

文章目录 图解原型原型链总结有需要的请私信博主,还请麻烦给个关注,博主不定期更新,或许能够有所帮助!!请关注公众号 图解 原型 常被描述为 — 种基于原型的语言–每个对象拥有一个原型对象 当试图访问 一个对象的属性…...

Flutter混合栈管理方案对比

1.Google官方(多引擎方案) Google官方建议的方式是多引擎方案,即每次使用一个新的FlutterEngine来渲染Widget树,存在的主要问题是每个引擎都要有比较大的内存等资源消耗,虽然Flutter 2.0之后的FlutterEngineGroup通过在…...

Asp .Net Core 集成 Newtonsoft.Json

简介 Newtonsoft.Json是一个在.NET环境下开源的JSON格式序列化和反序列化的类库。它可以将.NET对象转换为JSON格式的字符串,也可以将JSON格式的字符串转换为.NET对象。这个类库在.NET开发中被广泛使用,因为它功能强大、易于使用,并且有良好的性能。 使用Newtonsoft.Json,…...

GPT对话知识库——ARM-Cortex架构分为哪几个系列?每个系列有几种工作模式?各种工作模式之间的定义和区别?每种架构不同的特点和应用需求?

目录 1,问: 1,答: 2,问: 2,答: Cortex-A系列 Cortex-R系列 Cortex-M系列 3,问: 3,答: ARM Cortex-A架构 ARM Cortex-R架构…...

795. 前缀和(acwing)

文章目录 795.前缀和题目描述前缀和 795.前缀和 题目描述 输入一个长度为n的整数序列。 接下来再输入m个询问,每个询问输入一对l, r。 对于每个询问,输出原序列中从第l个数到第r个数的和。 输入格式 第一行包含两个整数n和m。 第二行包含n个整数&a…...

1910_野火FreeRTOS教程阅读笔记_prvStartFirstTask函数

1910_野火FreeRTOS教程阅读笔记_prvStartFirstTask函数 全部学习汇总: g_FreeRTOS: FreeRTOS学习笔记 这是教程中的一个函数,通过汇编来实现的。注释部分以及结合后面的讲解部分,可能还是有一点点细节的地方让初学者疑惑。我结合我自己的理解…...

图论练习5

Going Home Here 解题思路 模板 二分图最优匹配,前提是有完美匹配(即存在一一配对)左右集合分别有顶标,当时,为有效边,即选中初始对于左集合每个点,选择其连边中最优的,然后对于每…...

[C++] Volatile 和常量Const优化

Volatile的作用 volatile 表明某个变量的值可能在外部被改变&#xff0c;因此对这些变量的存取不能缓存到寄存器&#xff0c;每次使用时需要重新存取。 Const 和 Volatile的示例 示例1 int main() {const int a 1;int* pa const_cast<int*>(&a);*pa 4;cout &l…...

嵌入式学习day32 网络

htons()&#xff1b;//host to network short 将端口号转换为网络通信中的大端存储 eg:htons(50000); ntohs()&#xff1b;//host to network short 将大端存储转换为主机端口号 inet_addr();将IP地址转换为二进制 eg:inet_addr(192.168.1.170)&#xff1b; inet_ntoa()…...

算法D33 | 贪心算法3 | 1005.K次取反后最大化的数组和 134. 加油站 135. 分发糖果

1005.K次取反后最大化的数组和 本题简单一些&#xff0c;估计大家不用想着贪心 &#xff0c;用自己直觉也会有思路。 代码随想录 Python: class Solution:def largestSumAfterKNegations(self, nums: List[int], k: int) -> int:nums.sort(keylambda x: abs(x), reverseT…...

html地铁跑酷

下面是一个简单的HTML代码来展示一个地铁跑酷游戏&#xff1a; <!DOCTYPE html> <html> <head><title>地铁跑酷</title><style>#player {position: absolute;top: 0;left: 0;width: 50px;height: 50px;background-color: red;}</style…...

利用GPT开发应用001:GPT基础知识及LLM发展

文章目录 一、惊艳的GPT二、大语言模型LLMs三、自然语言处理NLP四、大语言模型LLM发展 一、惊艳的GPT 想象一下&#xff0c;您可以与计算机的交流速度与与朋友交流一样快。那会是什么样子&#xff1f;您可以创建哪些应用程序&#xff1f;这正是OpenAI正在助力构建的世界&#x…...

Golang Ants 构建协程池

构建的协程池实现两个目标&#xff1a; 1、限制协程池里开启的协程数量 2、当任务数大于协程数时&#xff0c;一个协程可以同时处理多个任务 3、监控是哪个协程ID处理了具体的任务 package mainimport ("fmt""runtime""strconv""string…...

【金三银四】面试题汇总(持续编写中)

Java八股文面试题汇总&#xff08;持续编写中~&#xff09; Java基础集合JUCJVM 数据库MySQLRedis 框架篇SSMSpringBoot 数据结构与算法数据结构与算法--汇总篇27道基础算法题&#xff0c;学完让你对算法有豁然开朗的感觉&#xff08;推荐小白&#xff09; 消息中间件RabbitMQK…...

Hive的数据存储

Hive的数据存储在HDFS的&#xff1a;/user/hive/warehouse中 The /user folder in HDFS is a directory typically used to store user-specific data and configurations. It serves as the home directory for Hadoop users, analogous to the /home directory in Unix-like …...

ORACLE 如何使用dblink实现跨库访问

dbLink是简称&#xff0c;全称是databaselink。database link是定义一个数据库到另一个数据库的路径的对象&#xff0c;database link允许你查询远程表及执行远程程序。在任何分布式环境里&#xff0c;database都是必要的。另外要注意的是database link是单向的连接。在创建dat…...

Sentinel 面试题及答案整理,最新面试题

Sentinel的流量控制规则有哪些&#xff0c;各自的作用是什么&#xff1f; Sentinel的流量控制规则主要包括以下几种&#xff1a; 1、QPS&#xff08;每秒查询量&#xff09;限流&#xff1a; 限制资源每秒的请求次数&#xff0c;适用于控制高频访问。 2、线程数限流&#xf…...

Qt在windows编译hiredis依赖库

目录 0 前言1 Qt安装遇到的问题2 hiredis源码下载2.0 redis源码下载2.1 hiredis源码下载2.2 编译hiredis源码2.3 遇到的问题列表参考资料0 前言 当前参与的项目需要用Qt对redis进行操作,以前没玩过这块,顺手记下笔记梳理起来~ 1 Qt安装 安装版本下载:https://download.qt…...

【工作向】protobuf编译生成pb.cc和pb.py文件

序言 首先通过protoc --version查看protoc版本&#xff0c;避免pb文件生成方和使用方版本不一致 1. 生成pb.cc 生成命令 protoc -I${proto_file_dir} --cpp_out${pb_file_dir} *.proto参数&#xff1a; -I表示 proto 文件的路径&#xff1b; --cpp_out 表示输出路径&#xff…...

android 快速实现 垂直SeekBar(VerticalSeekBar)

1.话不多说上源码&#xff1a; package com.example.widget;import android.content.Context; import android.graphics.Canvas; import android.util.AttributeSet; import android.view.MotionEvent;/*** Class to create a vertical slider*/ public class VerticalSeekBar…...

3步解锁鸣潮性能上限:WaveTools工具箱的帧率优化与抽卡分析实践

3步解锁鸣潮性能上限&#xff1a;WaveTools工具箱的帧率优化与抽卡分析实践 【免费下载链接】WaveTools &#x1f9f0;鸣潮工具箱 项目地址: https://gitcode.com/gh_mirrors/wa/WaveTools 你是否在《鸣潮》游戏中遭遇过帧率卡顿、画质设置受限或抽卡记录混乱的困扰&…...

OpenClaw 上下文瘦身:3 个实验

这篇不是讲“提示词怎么写得更优雅”。我只看一个更硬的问题&#xff1a;Agent 跑久以后&#xff0c;上下文到底是怎么胖起来的&#xff0c;哪一刀最值得先砍。实验脚本和结果都放在本地目录里&#xff0c;可以复跑。你大概见过这种故障&#xff1a; Agent 前 10 分钟很听话&am…...

别再复制粘贴了!深度优化你的TM1640驱动代码:效率与可维护性实战

TM1640驱动代码重构实战&#xff1a;从能用走向工业级 在嵌入式开发中&#xff0c;我们常常会遇到这样的场景&#xff1a;项目初期为了快速验证功能&#xff0c;直接从网上复制一段"能用就行"的驱动代码。但随着项目规模扩大&#xff0c;这些代码逐渐暴露出可维护性差…...

SQL注入技术详解:从联合查询到盲注实战

前言&#xff1a; 继续开始我们的SQL注入吧&#xff01;本文详细讲解SQL注入的各类技术&#xff0c;包括联合查询、报错注入、布尔盲注、时间盲注、UA注入、Referer注入等&#xff0c;涵盖漏洞判断、利用方法和实战步骤。内容基于MySQL 5.0以上环境&#xff0c;围绕information…...

你的嵌入式数据记录仪方案:基于STM32CubeMX+FATFS+SD卡存储传感器数据(CSV格式实战)

嵌入式数据记录仪实战&#xff1a;STM32CubeMXFATFSSD卡构建工业级CSV存储方案 在工业物联网和智能硬件开发中&#xff0c;可靠的数据记录功能往往是产品核心价值所在。想象一下温室大棚的环境监控系统需要连续记录温湿度数据三个月&#xff0c;或者电力设备振动监测装置要在无…...

OpenEuler桌面化踩坑实录:从黑屏登录界面到完美远程访问,我的xfce+xrdp配置全记录

OpenEuler桌面化踩坑实录&#xff1a;从黑屏登录界面到完美远程访问&#xff0c;我的xfcexrdp配置全记录 第一次尝试在OpenEuler上配置xfce桌面环境和xrdp远程访问时&#xff0c;我本以为按照网上的教程一步步操作就能顺利完成。然而现实却给了我当头一棒——从黑屏的登录界面到…...

网站建设公司推荐:业内公认高水准网站制作公司一览

在数字化竞争日益激烈的2026年&#xff0c;企业官网已从单纯的信息展示窗口升级为品牌战略核心载体与业务增长引擎。面对市场上众多的网站建设服务商&#xff0c;企业如何精准匹配需求&#xff1f;本文作为第三方深度测评&#xff0c;从高端定制、模板建站、低成本快速上线三类…...

【免费下载】 青藏高原矢量边界数据下载

青藏高原矢量边界数据下载 【下载地址】青藏高原矢量边界数据下载 青藏高原矢量边界数据下载 项目地址: https://gitcode.com/open-source-toolkit/7d915 数据简介 本仓库提供青藏高原的矢量边界数据下载。该数据可在ARCGIS中直接导入并打开&#xff0c;附带坐标系统信…...

企业邮箱代理:谷歌企业邮箱安全防护架构与合规应用解析

前言谷歌企业邮箱凭借全球通用 IP 信誉、海外节点覆盖广等优势&#xff0c;成为外贸企业对接欧美、东南亚海外客户的首选办公邮箱。但国内企业直接使用&#xff0c;容易出现登录卡顿、邮件发送延迟、大批量开发信被限制等问题&#xff0c;做好针对性优化&#xff0c;才能最大化…...

私域流量红利见顶?那是你没解锁企业微信 API 的隐藏玩法!

在公域流量成本居高不下的今天&#xff0c;“私域流量”成了每个品牌的标配。然而&#xff0c;许多企业在把客户拉进企业微信后&#xff0c;却发现运营陷入了瓶颈&#xff1a;每天机械地群发广告&#xff0c;客户互动率低&#xff0c;退群率却居高不下。很多人惊呼&#xff1a;…...