JavaScript原型详解——面试重点

一、原型的含义:JavaScript 中的“原型”既指 函数身上的 prototype 对象,也指 对象身上的 [[Prototype]] 隐藏链接;它俩共同构成了“原型链”,决定了“找不到属性时去哪里继续找”的规则。

(1)原型对象(prototype)

问题:构造函数中资源浪费的问题。下述例子为浪费内存的代码例子:
//构造函数中的属性和方法要加this,this指向实例对象
function Star(name,age) {this.name = namethis.age = agethis.sing = function(){.....}
}
const ldh = new Star('刘德华',55)//实例对象
const zxy = new Star('张学友',50)
//ldh.sing === zxy.sing 返回false,因为创建的实例对象在堆区开辟了两个不同的内存空间

原型对象(prototype):解决了上述问题。

代码演示

//this指向实例对象
function Star(name,age) {//公共属性写在构造函数中this.name = namethis.age = age
}
//将方法直接定义在prototype对象上,公共的方法写在prototype中,Star.prototype.sing意思是在Star中追加sing方法
Star.prototype.sing = function() {...
}
//此时ldh.sing === zxy.sing 返回true,因为创建的实例对象在堆区开辟共同的空间

(2)constructor属性:

含义:

(3)对象原型:__proto__:

含义:

(5)原型链※——查找规则

含义:

代码演示:

function Person(){
....
}
const ldh = new Person()
console.log(ldh instanceof Person)//返回true,判断Person.prototype是不是在ldh的原型链上

图解:

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

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

相关文章

Vue3 全面介绍

Vue3(正式名称为 Vue.js 3)是 Vue.js 前端框架的第三个主要版本,于 2020 年 9 月正式发布。作为对 Vue2 的重大升级,Vue3 在核心架构、性能优化、开发体验等方面进行了全面重构,同时保持了 Vue 一贯的“渐进式框架”理…

HTTP 范围请求:为什么你的下载可以“断点续传”?

在现代网络应用中,我们习以为常的功能,如断点续传、多线程下载和在线视频快进快退,都依赖于 HTTP 协议中的一个强大特性:范围请求(Range Requests)。这项技术让客户端能够聪明地只请求文件的一部分&#xf…

万博智云联合华为云共建高度自动化的云容灾基线解决方案

一、摘要 近日,万博智云与华为云的深入合作再添新章——万博智云HyperBDR云容灾解决方案,顺利通过华为云专家团队评审和认证,正式被选为华为云基线解决方案(Baseline Solution),并在华为云国际站上线。 Hy…

机器视觉opencv教程(二):二值化、自适应二值化

文章目录机器视觉opencv教程(二):二值化、自适应二值化一、二值化图基础概念二、传统二值化方法(基于全局固定阈值)1. 阈值法(THRESH_BINARY)2. 反阈值法(THRESH_BINARY_INV&#xf…

leetcode 461 汉明距离

一、问题描述二、解题思路采用位运算的思想来解决这个问题,首先,将x和y进行异或,x和y对应二进制位不同就会得到1,然后统计所有1的个数,即为汉明距离。三、代码实现时间复杂度:T(n)O(n)空间复杂度&#xff1…

ClickHouse 客户端

ClickHouse 客户端 ClickHouse提供两种客户端接口,分别基于 HTTP 和 TCP 协议 基于 HTTP 协议 主要用来支持轻量级的简单操作,方便跨平台和编程语言。 测试clickhouse联通性: $ curl http://localhost:8123/ Ok.在运行状况检查脚本中使用…

DBeaver 连接 PostgreSQL 教程

🛠️ DBeaver 连接 PostgreSQL 教程1️⃣ 安装 DBeaver打开官网:https://dbeaver.io/download/下载 Community Edition(免费版),选择对应系统(Windows / macOS / Linux)。安装完成后&#xff0c…

Komo Searc-AI驱动的搜索引擎

本文转载自:Komo Searc-AI驱动的搜索引擎 - Hello123工具导航 ** 一、🔍 Komo Search 是什么? Komo Search 是一款基于人工智能技术的新一代交互式搜索引擎,它彻底改变了我们获取信息的方式 —— 从被动检索变成主动对话。不同于…

HTML 和 JavaScript 关联的基础教程

HTML 和 JavaScript 是构建现代网页的核心技术。HTML 负责页面结构&#xff0c;JavaScript 负责动态交互。以下是两者的基本关联方式。内联方式&#xff1a;直接在 HTML 中嵌入 JavaScript在 HTML 文件中&#xff0c;可以通过 <script> 标签直接编写 JavaScript 代码。这…

淘宝四个月造了一个超越美团的“美团”

本周三&#xff0c;美团发布最新一季财报&#xff0c;利润承压导致股价爆跌。只隔一天&#xff0c;阿里也发布了最新季报&#xff0c;最大的亮点是“淘宝闪购”即时零售业务&#xff0c;日均订单量站稳8000万单&#xff0c;峰值订单更是达到了1.2亿单。8000万单这个数字令市场眼…

Java开发MongoDB常见面试题及答案

基础概念题1. 什么是MongoDB&#xff1f;它的主要特点是什么&#xff1f;答案&#xff1a; MongoDB是一个开源的NoSQL文档型数据库&#xff0c;主要特点包括&#xff1a;文档存储&#xff1a;使用BSON格式存储数据&#xff0c;类似JSON结构无Schema约束&#xff1a;灵活的数据结…

AI视频生成工具全景对比:元宝AI、即梦AI、清影AI和Vidu AI

AI视频生成技术正以前所未有的速度发展&#xff0c;成为内容创作领域的重要革新力量。本文将全面对比四款主流AI视频生成工具&#xff1a;元宝AI、即梦AI、清影AI生视频和Vidu AI&#xff0c;从公司背景、技术路线、产品特点、发展历程和市场定位等多个维度进行深入分析。一、基…

2026届大数据毕业设计选题推荐-基于Python的出行路线规划与推荐系统 爬虫数据可视化分析

&#x1f525;作者&#xff1a;it毕设实战小研&#x1f525; &#x1f496;简介&#xff1a;java、微信小程序、安卓&#xff1b;定制开发&#xff0c;远程调试 代码讲解&#xff0c;文档指导&#xff0c;ppt制作&#x1f496; 精彩专栏推荐订阅&#xff1a;在下方专栏&#x1…

基于SpringBoot的高校科研项目管理系统【2026最新】

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏&#xff1a;…

【开题答辩全过程】以 在线考试系统为例,包含答辩的问题和答案

个人简介一名14年经验的资深毕设内行人&#xff0c;语言擅长Java、php、微信小程序、Python、Golang、安卓Android等开发项目包括大数据、深度学习、网站、小程序、安卓、算法。平常会做一些项目定制化开发、代码讲解、答辩教学、文档编写、也懂一些降重方面的技巧。感谢大家的…

Marin说PCB之POC电路layout设计仿真案例---11

上节文章中大家不知道发现没有我们RX0_96712_FAKRA_3--TDR结果显示芯片端口阻抗还是偏低一些&#xff0c;但是这个该如何去改善优化设计呢&#xff1f;因为目前的PCB设计上&#xff0c;RX0_96712_FAKRA_3这个信号在芯片焊盘处是已经做了隔层参考的优化处理了&#xff1a;RX0_96…

【踩坑】修复 clear 报错 terminals database is inaccessible

转载请注明出处&#xff1a;小锋学长生活大爆炸[xfxuezhagn.cn] 如果本文帮助到了你&#xff0c;欢迎[点赞、收藏、关注]哦~ 主要原因&#xff1a;Anaconda3 路径中的 clear 命令干扰了系统中的 clear 命令。 可能操作&#xff1a;你可能在安装后将 anaconda 目录移动了&#…

重学JS-005 --- JavaScript算法与数据结构(五)回顾 DOM 操作

文章目录style.displayinnerText学到的代码写法小总结style.display 使用元素的 style.display 属性&#xff0c;将属性的值设置为 “block” 或 “none”&#xff0c;可以显示或隐藏元素。 resetGameBtn.style.display block; optionsContainer.style.display none;innerT…

ArcGIS:如何设置地图文档的相对路径或者发布为地图包

设置好的地图文档在分享给别人使用或查看时&#xff0c;可能会出现这样的问题&#xff1a;这是因为地图文档里面的数据存储的是绝对路径&#xff0c;当别人打开时&#xff0c;地图文档无法识别到正确的数据路径。遇到这样的问题有三种解决办法&#xff1a;点击未能加载的数据&a…

深入解析 Java interrupt

Java 中断(Interrupt)机制详解 Java 的中断机制是一种协作式的线程间通信机制&#xff0c;用于请求另一个线程停止当前正在执行的操作。 Thread thread Thread.currentThread(); thread.interrupt(); // 设置当前线程的中断状态 检查中断状态 // 检查中断状态 boolean isI…