prototype 原型对象

2024-06-17 19:28
文章标签 对象 prototype 原型

本文主要是介绍prototype 原型对象,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在JavaScript中,原型对象是每个对象在创建时都会关联的一个内部对象。原型对象包含了可以被该对象直接访问的属性和方法。当我们试图访问一个对象的属性或方法时,JavaScript引擎会先查找该对象自身是否具有该属性或方法,如果没有,则会通过原型链去查找原型对象中是否有该属性或方法。原型链是一个对象到其原型对象,再到其原型对象的原型对象,依次往上查找的链条。

以下是一个详细解析和代码示例:

  1. 原型对象的创建

在JavaScript中,可以使用Object.create()方法创建一个新的对象,并将其原型对象设置为指定的对象。示例如下:

const prototypeObj = {  // 原型对象sayHello() {console.log("Hello!");},
};const obj = Object.create(prototypeObj);  // 创建一个新对象,并将原型对象设置为prototypeObj

  1. 原型对象的访问

我们可以使用Object.getPrototypeOf()方法获取一个对象的原型对象,示例如下:

const prototypeObj = {  // 原型对象sayHello() {console.log("Hello!");},
};const obj = Object.create(prototypeObj);  // 创建一个新对象,并将原型对象设置为prototypeObjconsole.log(Object.getPrototypeOf(obj) === prototypeObj);  // true

  1. 原型对象的属性和方法访问

当我们试图访问一个对象的属性或方法时,JavaScript引擎会先查找该对象自身是否具有该属性或方法,如果没有,则会通过原型链去查找原型对象中是否有该属性或方法。示例如下:

const prototypeObj = {  // 原型对象sayHello() {console.log("Hello!");},
};const obj = Object.create(prototypeObj);  // 创建一个新对象,并将原型对象设置为prototypeObjobj.sayHello();  // Hello!

  1. 原型对象的属性和方法的修改和添加

可以直接修改和添加原型对象中的属性和方法,示例如下:

const prototypeObj = {  // 原型对象sayHello() {console.log("Hello!");},
};prototypeObj.sayHello = function () {console.log("Bonjour!");
};prototypeObj.sayGoodbye = function () {console.log("Goodbye!");
};const obj = Object.create(prototypeObj);  // 创建一个新对象,并将原型对象设置为prototypeObjobj.sayHello();  // Bonjour!
obj.sayGoodbye();  // Goodbye!

注意:修改或添加原型对象的属性和方法会影响到所有使用该原型对象作为原型的对象。

这就是原型对象的详细解析和代码示例。原型对象在JavaScript中是非常重要的概念,它使得对象可以共享属性和方法,并且通过原型链的方式实现了对象的继承。

这篇关于prototype 原型对象的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1070339

相关文章

JSON字符串转成java的Map对象详细步骤

《JSON字符串转成java的Map对象详细步骤》:本文主要介绍如何将JSON字符串转换为Java对象的步骤,包括定义Element类、使用Jackson库解析JSON和添加依赖,文中通过代码介绍... 目录步骤 1: 定义 Element 类步骤 2: 使用 Jackson 库解析 jsON步骤 3: 添

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

Java如何通过反射机制获取数据类对象的属性及方法

《Java如何通过反射机制获取数据类对象的属性及方法》文章介绍了如何使用Java反射机制获取类对象的所有属性及其对应的get、set方法,以及如何通过反射机制实现类对象的实例化,感兴趣的朋友跟随小编一... 目录一、通过反射机制获取类对象的所有属性以及相应的get、set方法1.遍历类对象的所有属性2.获取

java中VO PO DTO POJO BO DO对象的应用场景及使用方式

《java中VOPODTOPOJOBODO对象的应用场景及使用方式》文章介绍了Java开发中常用的几种对象类型及其应用场景,包括VO、PO、DTO、POJO、BO和DO等,并通过示例说明了它... 目录Java中VO PO DTO POJO BO DO对象的应用VO (View Object) - 视图对象

vue如何监听对象或者数组某个属性的变化详解

《vue如何监听对象或者数组某个属性的变化详解》这篇文章主要给大家介绍了关于vue如何监听对象或者数组某个属性的变化,在Vue.js中可以通过watch监听属性变化并动态修改其他属性的值,watch通... 目录前言用watch监听深度监听使用计算属性watch和计算属性的区别在vue 3中使用watchE

Java将时间戳转换为Date对象的方法小结

《Java将时间戳转换为Date对象的方法小结》在Java编程中,处理日期和时间是一个常见需求,特别是在处理网络通信或者数据库操作时,本文主要为大家整理了Java中将时间戳转换为Date对象的方法... 目录1. 理解时间戳2. Date 类的构造函数3. 转换示例4. 处理可能的异常5. 考虑时区问题6.

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

Java第二阶段---09类和对象---第三节 构造方法

第三节 构造方法 1.概念 构造方法是一种特殊的方法,主要用于创建对象以及完成对象的属性初始化操作。构造方法不能被对象调用。 2.语法 //[]中内容可有可无 访问修饰符 类名([参数列表]){ } 3.示例 public class Car {     //车特征(属性)     public String name;//车名   可以直接拿来用 说明它有初始值     pu

HTML5自定义属性对象Dataset

原文转自HTML5自定义属性对象Dataset简介 一、html5 自定义属性介绍 之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id: <a href="javascript:" d

PHP7扩展开发之对象方式使用lib库

前言 上一篇文章,我们使用的是函数方式调用lib库。这篇文章我们将使用对象的方式调用lib库。调用代码如下: <?php $hello = new hello(); $result = $hello->get(); var_dump($result); ?> 我们将在扩展中实现hello类。hello类中将依赖lib库。 代码 基础代码 这个扩展,我们将在say扩展上增加相关代码。sa