原型和原型链

1、对象的生产方式

  • 基于类的生产对象
  • 基于原型生产对象
    • 构造方法:方法的首字母大写
    • 实例对象:new关键字创建的对象,就是实例对象
    • 函数二义性的由来:函数既可以当作普通函数,又可以当中构造函数

2、原型和原型链

1)构造函数,实例对象,原型对象之间的关系

2)在JS中,只要是由构造函数new出来的对象,都是满足这样的关系,不管是自定义的构造函数还是内置的构造函数

  • JS中的对象大体上分为两大类:普通对象和构造器对象;
  • 无论是普通对象还是构造器对象都有自己的原型对象,通过__proto__隐式属性,可以找到自己的原型对象,若一直网上找会找到null(Object的protoType的__proto__为null);
  • 普通对象和构造器对象的区别在于是否可以实例化;
  • 构造器对象有protoType属性,这个属性指向实例对象的原型对象;
  • 所有构造器对象的原型对象均为Function.protoType;
  • 无论是普通对象还是构造器对象,最终的Constructor指向Function,而Function的Contructor指向自己本身;

3、原型链的实际应用

1)在原型对象上添加属性和方法,虽然允许这样写,但是不推荐;推荐使用创建一个子类继承这个构造函数;

2)实现原型方式继承

4、原型链相关方法

1)Object.getPrototypeOf():查找一个对象的原型对象;

2)instanceOf:判断一个对象是否是一个构造函数的实例;

3)isPrototypeOf():检测一个对象是否是另一个对象的原型对象;

4)hasOwnProperty():判断一个属性是定义在对象本身上面的还是从原型对象上面继承而来的;

相关推荐
boooooooom5 分钟前
手把手做一个图 RAG 烹饪问答系统:Neo4j + Milvus + LLM 的工程实践
前端·javascript·后端
Interview Aid1122 小时前
TikTok OA 四题分享|半小时内 AC,题目基本都是实现题
java·开发语言·算法·面试·职场和发展
染指11103 小时前
103.RAG-LLamaIndex后端rag问答-聊天接口
前端·javascript·vue.js·人工智能
CoderIsArt10 小时前
C#中UI 线程与 Dispatcher
开发语言·ui·c#
单线程_0111 小时前
从案例分析 Vue3 Tokenizer+Parser 源码三
前端·javascript·vue.js
AI情绪识别开源12 小时前
检信 ALLEMOTION OS 加密打包可执行程序 — 全面测试报告版本: v1.3功能测试 / 性能测试 /
开发语言·数据结构·人工智能·功能测试
小磊哥er13 小时前
深入解构Claude Code - 第 8 篇 · 数据放哪、钱怎么算
javascript·ai编程
「QT(C++)开发工程师」13 小时前
C++ auto 用法详解
开发语言·c++
OPEN-F13 小时前
C++STL教程:容器适配器与实用工具
开发语言·c++