原型和原型链 prototype和proto的区别

简介: 原型和原型链 prototype和proto的区别

原型

原型是function对象下的属性,它定义了构造函数的共同祖先,也就是一个父子级的关系,子对象会继承父对象的方法和属性


prototype是函数下的属性,对象想要查看原型使用隐式属性__Proto__

constructor指向构造函数

自己身上有属性,原型上也有属性,取近的,用自己的

通过给原型添加属性,可以让所有的实例化对象共享属性和方法

Car.prototype = {
  height : 1400,
  lang : 4900,
  carName : 'BMW'
}
function Car() {
}
var car = new Car();

原型链

每个实例对象下都有__proto__属性,通过属性__proto__指向构造函数的原型对象,当到达末端时,返回null,这样一层一层向顶端查找,就形成了原型链


prototype是函数特有的,__proto__是对象有的,js中万物皆对象


prototype和——proto——区别与作用

prototype把共有属性预先定义好,给之后对象使用


prototype的存在实现了继承,节省内存空间


__proto__是对象的,prototype是函数的,因为函数也是对象,所以函数也有__proto__;


__proto__的作用是就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会沿着它的**__proto__**属性所指向的那个对象(父对象)里找,也就是原型链


prototype的作用是就是让该函数所实例化的对象们都可以找到公用的属性和方法


__proto__对象原型的意义就在于为对象的查找机制提供一个方向,或者说一条路线,但是它是一个非标准属性,因此实际开发中,不可以使用这个属性,它只是内部指向原型对象 prototype


constructor构造函数

constructor属性存在于__proto__和prototype,它指向构造函数本身


一般情况下,对象的方法都在构造函数的原型对象中设置。如果有多个对象的方法,我们可以给原型对象采取对象形式赋值,但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象 constructor 就不再指向当前构造函数了。此时,我们可以在修改后的原型对象中,添加一个 constructor 指向原来的构造函数。


问题 修改了函数的原型对象,constructor的指向是谁

 function Star(uname, age) {
     this.uname = uname;
     this.age = age;
 }
 // 很多情况下,我们需要手动的利用constructor 这个属性指回 原来的构造函数
 Star.prototype = {
 // 如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数
   constructor: Star, // 手动设置指回原来的构造函数
   sing: function() {
     console.log('我会唱歌');
   },
   movie: function() {
     console.log('我会演电影');
   }
}
var zxy = new Star('张学友', 19);
console.log(zxy)

在修改函数原型时,因为Star.prototype就是一个对象,所以constructor指向构造这个对象的原型,也就是object


call/apply

通过call``apply可以改变this的指向,借用别人的函数完成自己的功能


区别:call传多个参数 apply传一个参数数组

function Person(name,age,sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
}
function Student(name,age,sex,tel,grade) {
    //var this = {name: "lin", age: "19", sex: "male", tel: 123, grade: 78}
    Person.call(this,name,age,sex);//通过call改变this的指向这个函数
    //Person.apply(this,[name,age,sex])
    this.tel = tel;
    this.grade = grade;
}
var student = new Student('lin','19','male',123,78);

new() 创建一个空对象 构造函数的this,继承函数原型 让this指向构造函数的对象实例,执行构造函数内容为新对象添加属性和方法 返回this

var obj = {}//创建空对象
obj.__proto__ = Person.prototype;//继承作用域
Person.call(obj,)//改变this指向
//这三步是隐式的
var person = new Person();//new操作
相关文章
|
7月前
|
人工智能 机器人 API
喂饭级教程:阿里云及本地部署OpenClaw(Clawdbot)+集成Discord详细步骤流程
在AI协同办公与跨平台交互需求激增的2026年,OpenClaw(原Clawdbot、Moltbot)凭借开源灵活、功能强大、技能生态丰富的核心优势,成为个人、创作者与轻量团队的首选AI智能助手。它无需专业编程基础,就能轻松实现文档生成、代码开发、多模态解析、任务自动化等多元功能,而Discord作为全球流行的即时通讯与协作平台,凭借频道管理、角色权限、富媒体交互等特性,成为OpenClaw跨终端协同的最佳载体。
1691 1
|
存储 网络协议 定位技术
高德地图开放平台IP地位接口使用说明
高德地图开放平台IP地位接口使用说明
3454 0
|
6月前
|
人工智能 安全 Linux
喂饭级教学:OpenClaw全平台部署(阿里云/Win11/MacOS/Linux)+百炼Coding Plan配置+16款必装Skill+FAQ
“用OpenClaw却只当聊天机器人?你可能浪费了它90%的潜力”——这是2026年无数“小龙虾养殖户”(OpenClaw用户昵称)的共同顿悟。作为GitHub星标突破30万的开源AI框架,OpenClaw的真正威力藏在Skill(插件)生态中:从语音转文字、PDF编辑,到股市分析、知识库联动,16款高价值插件能让它从“被动应答工具”进化为“主动解决问题的全能助手”。
1326 3
|
9月前
|
机器学习/深度学习 数据采集 自然语言处理
基于深度学习+NLP豆瓣电影数据爬虫可视化推荐系统
本研究构建基于深度学习与NLP的豆瓣电影数据系统,融合LSTM、BERT与CNN技术,实现高效爬取、情感分析、个性化推荐与动态可视化,提升影视数据分析效率与推荐精准度,推动产业智能化升级。
|
数据采集 传感器 人工智能
船厂复杂环境下的多模态AI安防系统技术实践
本方案针对船厂复杂工业场景,设计了五层分布式AI安防系统架构:数据采集层(海康摄像头+气体传感器)、预处理层(动态光照补偿)、特征引擎层(YOLOv8s检测+ESRGAN增强+ByteTrack跟踪)和规则决策层。同时,实现交通违规检测、龙门吊防撞及人员滞留监测等关键模块,并通过两阶段小目标检测、工业干扰优化与边缘计算加速解决工程挑战。系统采用边缘-中心协同架构,支持REST API与MQTT/ZMQ通信,技术验证数据显示其准确率高达92.4%,障碍物识别延迟平均仅850ms。
386 1
船厂复杂环境下的多模态AI安防系统技术实践
|
网络协议 算法 数据库
|
测试技术 数据安全/隐私保护 Python
自动化测试项目实战笔记(四):测试用户登录(账号密码错误,成功,出现弹框等情况)
本文介绍了使用Selenium进行自动化测试时如何测试用户登录的不同情况,包括账号密码错误、登录成功以及处理登录时出现的弹框,并提供了相应的Python代码实现。
1023 0
自动化测试项目实战笔记(四):测试用户登录(账号密码错误,成功,出现弹框等情况)
|
存储 缓存 前端开发
性能优化:通用快照方案
性能优化对于提供卓越的用户体验至关重要,钉钉终端团队特别关注用户体验。我们团队采用了一系列创新的性能优化措施,显著提升了首次有意义绘制(FMP)和首次内容绘制(FCP)的性能指标。其中,利用快照方案,结合用户的本地存储能力,我们能够进一步提高页面性能。快照方案是在完成常规手段前端优化(如优化首屏加载体积、实施懒加载、渲染优化和缓存提升等)和资源离线处理之后的又一重要步骤,旨在更迅速地向用户展示页面内容。
610 1
|
监控 开发工具 Android开发
结合GB/T28181规范探讨Android平台设备接入模块心跳实现
本文介绍了GB28181标准中的状态信息报送机制,即心跳机制,用于监控设备与服务器间的连接状态。根据国标GB/T28181-2016,设备在异常时需立即发送状态信息,在正常状态下则按固定间隔(默认60秒)定期发送。若连续三次(默认值)未收到心跳,则视为离线。文章展示了在Android平台的GB28181设备接入模块(SmartGBD)中,如何调整心跳间隔为20秒及超时次数为3次,并给出了心跳消息的示例和异常处理代码片段。对于希望深入了解或遇到问题的开发者,作者提供了进一步交流的机会。
775 0
多重比较示例:Bonferroni校正法和Benjamini & Hochberg法
多重比较示例:Bonferroni校正法和Benjamini & Hochberg法

热门文章

最新文章