【JS】关于原型/原型链

本文会讲解什么是原型,什么是原型链,以及查找原型的方法,最后会实现一个函数:判断某对象是否有某属性。

定义

原型:函数都有prototype属性,称作原型/原型对象

  • 原型可以放一些方法和属性,共享给实例对象使用
  • 原型可以继承

原型链:对象都有_proto_属性,这个属性指向它的原型对象,原型对象也是对象,也有_proto_属性,指向原型对象的原型对象,这样一层一层形成的链式结构称为原型链,最顶层找不到就返回null

查找原型

Object.getPrototyeOf()方法获取原型(标准方法)

javascript 复制代码
const obj = {};
const prototype = Object.getPrototypeOf(obj);
console.log(prototype === Object.prototype); // true

实现判断对象是否有某属性的函数

该函数有两种使用,根据需求来看,是找对象自身有的属性,还是周对象及其原型链有的属性。

javascript 复制代码
function hasProperty(obj, prop, checkPrototype = false) {
    if (checkPrototype) {
    //在原型链上找就用in运算符
        return prop in obj;
    }
    //在对象自身找就用hasOwnProperty()方法
    return obj.hasOwnProperty(prop);
}

const myObj = {
    key: 'value'
};
console.log(hasProperty(myObj, 'key')); // true
// true,因为 toString 是 Object.prototype 上的属性
console.log(hasProperty(myObj, 'toString', true)); 

以上就是对原型的讲解,欢迎指正!

相关推荐
一个游离的指针4 天前
JS中的对象的相关概念
开发语言·javascript·原型模式
码哥DFS6 天前
构造函数、实例对象、对象原型 ----三者关系
开发语言·javascript·原型模式
lincats8 天前
AI Agent 工程化六层架构:从 Prompt 到 Production
人工智能·架构·prompt·知识图谱·原型模式·vibecoding·grillme
叶总没有会9 天前
5.1知识库概念进阶
java·人工智能·spring·阿里云·ai·原型模式
lincats10 天前
智能体工程 vs 软件工程:计算机系那套课程,还能适应 AI 时代吗?
人工智能·软件工程·原型模式·vibecoding·claudecode·grillme
ltqvibe13 天前
数据中台为什么走不通——本体语义给出的替代路径
人工智能·原型模式·本体语义平台
啦啦啦啦啦zzzz15 天前
设计模式:原型模式
c++·设计模式·原型模式
choumin22 天前
创建型模式——原型模式
c++·设计模式·原型模式·创建型模式
我登哥MVP1 个月前
走进 Gang of Four 设计模式:访问者模式
java·设计模式·访问者模式·原型模式
学究天人1 个月前
数学公理体系大全:第五章 序数与基数理论:超限算术与集合的大小
人工智能·线性代数·算法·机器学习·数学建模·原型模式