【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)); 

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

相关推荐
Amumu1213815 小时前
Js: 构造函数、继承、面向对象
原型模式
砍光二叉树2 天前
【设计模式】创建型-原型模式
设计模式·原型模式
RFCEO2 天前
JavaScript基础课程十四、原型与原型链(JS 核心底层)
开发语言·原型模式·prototype原型详解·javascript基础课·构造函数原型方法定义与使用·js原型链继承机制入门·t原型链顶层null原理
new code Boy3 天前
前端核心基础汇总
开发语言·javascript·原型模式
爱写bug的野原新之助4 天前
爬虫之补环境脚本:脱环境
javascript·爬虫·原型模式
承缘丶6 天前
使用http调用Kettle资源库中的ETL任务
原型模式
夕珩9 天前
单例模式、原型模式、工厂方法模式、抽象工厂模式、建造者模式、解释器模式、命令模式
单例模式·解释器模式·建造者模式·工厂方法模式·抽象工厂模式·命令模式·原型模式
TON_G-T11 天前
JavaScript 原型与原型链
开发语言·javascript·原型模式
蜜獾云11 天前
设计模式之原型模式:以自己为原型,自己实现自己的对象拷贝逻辑
java·设计模式·原型模式
geovindu11 天前
python: Prototype Pattern
python·设计模式·原型模式