当前位置: 首页 > 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

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

在这里插入图片描述

http://www.lryc.cn/news/312714.html

相关文章:

  • Flutter混合栈管理方案对比
  • Asp .Net Core 集成 Newtonsoft.Json
  • GPT对话知识库——ARM-Cortex架构分为哪几个系列?每个系列有几种工作模式?各种工作模式之间的定义和区别?每种架构不同的特点和应用需求?
  • 795. 前缀和(acwing)
  • 1910_野火FreeRTOS教程阅读笔记_prvStartFirstTask函数
  • 图论练习5
  • [C++] Volatile 和常量Const优化
  • 嵌入式学习day32 网络
  • 算法D33 | 贪心算法3 | 1005.K次取反后最大化的数组和 134. 加油站 135. 分发糖果
  • html地铁跑酷
  • 利用GPT开发应用001:GPT基础知识及LLM发展
  • Golang Ants 构建协程池
  • 【金三银四】面试题汇总(持续编写中)
  • Hive的数据存储
  • ORACLE 如何使用dblink实现跨库访问
  • Sentinel 面试题及答案整理,最新面试题
  • Qt在windows编译hiredis依赖库
  • 【工作向】protobuf编译生成pb.cc和pb.py文件
  • android 快速实现 垂直SeekBar(VerticalSeekBar)
  • 算法刷题day23:双指针
  • 学术论文GPT的源码解读与二次开发:从ChatPaper到gpt_academic
  • 报表生成器FastReport .Net用户指南:表达式(下)
  • JavaScript极速入门(1)
  • 鸿蒙Harmony应用开发—ArkTS声明式开发(通用属性:浮层)
  • Meta AI移动设备上部署LLM的新框架MobileLLM
  • 使用Tesseract-OCR对PDF等图片文件进行文字识别
  • 部署YOLOv8模型的实用常见场景
  • SpringBoot缓存
  • STC89C52串口通信详解
  • 基础算法|线性结构|前缀和学习