原型和原型链

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():判断一个属性是定义在对象本身上面的还是从原型对象上面继承而来的;

相关推荐
忆往wu前19 分钟前
从0到1一步步拆解搭建,梳理一个 Vue3 简易图书后台全开发流程
前端·javascript·vue.js
淘矿人33 分钟前
从0到1:用Claude启动你的第一个项目
开发语言·人工智能·git·python·github·php·pygame
cany100043 分钟前
C++ -- 模板的声明和定义
开发语言·c++
澈20743 分钟前
深耕进阶 Day1:C 与 C++ 核心差异 + C++ 入门基石
c语言·开发语言·c++
shao9185161 小时前
第3章(2)——使用Gradio JavaScript Client
javascript·node.js·cdn·gradio·job·events·playcode
Felven1 小时前
C. Need More Arrays
c语言·开发语言
love530love1 小时前
Podman Machine 虚拟硬盘迁移实战二:用 Junction 把 vhdx 从 C 盘搬到其他盘
c语言·开发语言·人工智能·windows·wsl·podman·podman machine
光影少年1 小时前
大屏页面,一次多个请求,请求加密导致 点击 全局时间选择器 时出现卡顿咋解决(面板收起会延迟1~2秒)
前端·javascript·vue.js·学习·前端框架·echarts·reactjs
Mr.mjw1 小时前
vue中封装一个环形进度条组件,根据外部盒子大小自适应变化
前端·javascript·vue.js
无心使然1 小时前
Openlayers调用ArcGis影像服务之一动态地图、地图切片(/exportImage)
前端·javascript·数据可视化