原型和原型链的区别,__proto__和prototype的区别

2024-03-14 04:52
文章标签 proto 区别 prototype 原型

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

在JavaScript中,每个对象都有一个原型(prototype),原型是一个对象,它包含共享属性和方法的对象。JavaScript使用原型链(prototype chain)来实现对象之间的继承关系。

区别如下:

1. 原型(prototype):

原型是每个对象都具有的属性,它指向另一个对象,用于共享属性和方法。每个对象都有一个原型,通过__proto__属性访问。

2. 原型链(prototype chain):

原型链是一种对象之间的连接方式,它由每个对象的原型构成。当访问一个对象的属性或方法时,如果对象本身没有该属性或方法,JavaScript会沿着原型链向上查找,直到找到或者到达原型链的顶端(通常是Object.prototype)。这样就实现了对象之间的属性和方法继承。

简而言之,原型是对象自身具有的属性,用于共享属性和方法。原型链是对象之间通过原型连接起来的链式结构,用于属性和方法的继承。

举个例子来说明:

// 定义一个对象
const person = {name: 'John',age: 30,
}// person 对象的原型是 Object.prototype
console.log(person.__proto__ === Object.prototype) // true// Object.prototype 的原型是 null
console.log(Object.prototype.__proto__ === null) // true

在上述例子中,person对象的原型是Object.prototype,而Object.prototype的原型是null。当我们访问person对象的属性时,如果该属性不存在于person对象本身,JavaScript会通过原型链查找,最终在Object.prototype中找到。

总结起来,原型(prototype)是对象自身具有的属性,用于共享属性和方法;原型链(prototype chain)是对象之间通过原型连接起来的链式结构,用于属性和方法的继承。

__proto__prototype是JavaScript中的两个不同的概念,它们有着不同的作用和用法。

  1. __proto__(双下划线proto)是每个对象都具有的内部属性,用于访问该对象的原型(prototype)。它是一个非标准的属性,但被现代浏览器广泛支持。

    • 通过obj.__proto__可以访问对象的原型。
    • __proto__提供了一种从对象到原型的直接链接。

    例如:

    const obj = {};
    console.log(obj.__proto__); // 输出: {}
    

    在使用ES6之前,__proto__是访问和设置对象原型的主要方式。然而,它已经被Object.getPrototypeOf()Object.setPrototypeOf()方法所取代,推荐使用这些方法来操作对象的原型。

  2. prototype是函数对象(构造函数)特有的属性。它是一个指向原型对象的属性,用于定义构造函数创建的对象的共享属性和方法。原型对象是构造函数通过new关键字创建的实例对象的原型。

    • prototype是函数对象的一个属性,用于定义构造函数的原型对象。
    • 通过构造函数创建的实例对象通过__proto__属性链接到构造函数的prototype属性所指向的原型对象。

    例如:

    function Person() {}
    console.log(Person.prototype); // 输出:Person {}const person = new Person();
    console.log(person.__proto__); // 输出:Person {}
    

    prototype属性用于在构造函数中定义方法和属性,这些方法和属性可以被通过该构造函数创建的实例对象所共享。

总结起来:

  • __proto__是每个对象都具有的内部属性,用于访问该对象的原型。
  • prototype是函数对象特有的属性,用于定义构造函数创建的对象的共享属性和方法。

请注意,虽然在现代JavaScript中__proto__prototype仍然存在,但由于历史遗留原因和不规范的使用,推荐使用更标准的方法来操作对象的原型,如Object.getPrototypeOf()Object.setPrototypeOf()Object.create()

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



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

相关文章

关于Mybatis和JDBC的使用及区别

《关于Mybatis和JDBC的使用及区别》:本文主要介绍关于Mybatis和JDBC的使用及区别,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、JDBC1.1、流程1.2、优缺点2、MyBATis2.1、执行流程2.2、使用2.3、实现方式1、XML配置文件

exfat和ntfs哪个好? U盘格式化选择NTFS与exFAT的详细区别对比

《exfat和ntfs哪个好?U盘格式化选择NTFS与exFAT的详细区别对比》exFAT和NTFS是两种常见的文件系统,它们各自具有独特的优势和适用场景,以下是关于exFAT和NTFS的详细对比... 无论你是刚入手了内置 SSD 还是便携式移动硬盘或 U 盘,都需要先将它格式化成电脑或设备能够识别的「文

什么是ReFS 文件系统? ntfs和refs的优缺点区别介绍

《什么是ReFS文件系统?ntfs和refs的优缺点区别介绍》最近有用户在Win11Insider的安装界面中发现,可以使用ReFS来格式化硬盘,这是不是意味着,ReFS有望在未来成为W... 数十年以来,Windows 系统一直将 NTFS 作为「内置硬盘」的默认文件系统。不过近些年来,微软还在研发一款名

go 指针接收者和值接收者的区别小结

《go指针接收者和值接收者的区别小结》在Go语言中,值接收者和指针接收者是方法定义中的两种接收者类型,本文主要介绍了go指针接收者和值接收者的区别小结,文中通过示例代码介绍的非常详细,需要的朋友们下... 目录go 指针接收者和值接收者的区别易错点辨析go 指针接收者和值接收者的区别指针接收者和值接收者的

售价599元起! 华为路由器X1/Pro发布 配置与区别一览

《售价599元起!华为路由器X1/Pro发布配置与区别一览》华为路由器X1/Pro发布,有朋友留言问华为路由X1和X1Pro怎么选择,关于这个问题,本期图文将对这二款路由器做了期参数对比,大家看... 华为路由 X1 系列已经正式发布并开启预售,将在 4 月 25 日 10:08 正式开售,两款产品分别为华

kotlin中const 和val的区别及使用场景分析

《kotlin中const和val的区别及使用场景分析》在Kotlin中,const和val都是用来声明常量的,但它们的使用场景和功能有所不同,下面给大家介绍kotlin中const和val的区别,... 目录kotlin中const 和val的区别1. val:2. const:二 代码示例1 Java

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@

Java中的String.valueOf()和toString()方法区别小结

《Java中的String.valueOf()和toString()方法区别小结》字符串操作是开发者日常编程任务中不可或缺的一部分,转换为字符串是一种常见需求,其中最常见的就是String.value... 目录String.valueOf()方法方法定义方法实现使用示例使用场景toString()方法方法

分辨率三兄弟LPI、DPI 和 PPI有什么区别? 搞清分辨率的那些事儿

《分辨率三兄弟LPI、DPI和PPI有什么区别?搞清分辨率的那些事儿》分辨率这个东西,真的是让人又爱又恨,为了搞清楚它,我可是翻阅了不少资料,最后发现“小7的背包”的解释最让我茅塞顿开,于是,我... 在谈到分辨率时,我们经常会遇到三个相似的缩写:PPI、DPI 和 LPI。虽然它们看起来差不多,但实际应用