JavaScript中的原型和原型链是什么

技术JavaScript中的原型和原型链是什么这篇文章主要介绍“JavaScript中的原型和原型链是什么”,在日常操作中,相信很多人在JavaScript中的原型和原型链是什么问题上存在疑惑,小编查阅了各式资料,整理出

本文主要介绍“什么是JavaScript中的原型和原型链”。在日常操作中,相信很多人对JavaScript中的原型和原型链是什么都有疑问。边肖查阅了各种资料,整理出简单易用的操作方法,希望能帮助大家解答“JavaScript中什么是原型、原型链”的疑惑!接下来,请和边肖一起学习!

原型链图

JavaScript中的原型和原型链是什么

00-1010要理解原型,必须知道三个属性:__proto__,原型和构造函数。

1._ _ proto __,构造函数属性对于对象是唯一的;

2.2.prototype属性对于函数是唯一的;

3.3.js中的函数也是一种对象,所以函数也有attributes __proto__,constructor;

原型五大规则:

1.所有引用类型(对象、数组、函数)都有对象特征,即可以自由扩展属性。

2.所有引用类型(对象、数组、函数)都有一个__proto__(隐式原型)属性,这是一个普通的对象。

3.所有的函数都具有原型的性质,原型也是一个普通的对象。

4.所有引用类型(对象、数组、函数)__proto__值都指向其构造函数的原型。

5.当试图获取一个对象的属性时,如果变量本身没有这个属性,它将在其__proto__中寻找它

原型必备知识

首先创建一个构造函数。

varParT=function(){ 0

}

//定义一个函数,那么它只是一个普通的函数。

var P1=NewParent();

//通过关键字new,Parent成为构造函数。

//创建父构造函数的一个实例p1prototype是函数的唯一属性,通过它可以访问原型;

Prototype最初是为了实现继承而设计的,这样由特定函数创建的所有实例都可以共享属性和方法,或者由构造函数实例化的所有对象都可以找到通用的方法和属性。使用prototype,我们不需要为每个实例创建重复的属性方法,而是在构造函数的原型上创建属性方法。不需要共享的在构造函数中创建。

Parent是构造函数,Parent.prototype是原型。

JavaScript中的原型和原型链是什么

Parent.prototype上添加的属性和方法称为原型属性和原型方法,此构造函数的所有实例都可以访问该调用。

prototype属性(显示原型)

__proto__属性对于对象(包括函数)是唯一的。

每个对象都有一个__proto__属性,它引用该对象的原型对象。

p1。_ _ proto _ _===Parent.prototype//true__proto__通常称为隐式原型,而原型通常称为显式原型。可以说,对象的隐式原型指向其构造函数的显式原型。然后,显式原型上定义的属性方法通过隐式原型传递给构造函数的实例。这样,实例可以轻松访问构造函数原型上的方法和属性。

Parent.prototype的隐式原型指向对象原型。

parent . prototype . _ _ proto _ _===object . prototype;//真JavaScript中的原型和原型链是什么

这里介绍了原型链的概念。当调用p1.toString()时,首先搜索p1对象本身。如果没有找到,则通过P1找到父原型对象。___ proto _ _,通过Parent.prototype. ___ proto _ _,找到父原型对象。toString方法是在这层找到的。为p1返回此方法。

当然,如果Object.prototype被找到了,但是没有找到,它将在Object中被搜索。原型。___ proto _ _,但object . prototype . _ _ proto _ _==null,因此它返回未定义。这就是为什么当访问对象中不存在的属性时会返回undefined。

00-1010既然构造函数通过原型访问来请求原型,那么原型也应该能够以某种方式访问构造函数,这就是构造函数。

和前面的例子一样,p1是一个对象,那么p1的构造函数就是Parent()。父级的构造函数是函数()

p1.constructor=fParent{}

parent . constructor=ffFunction(){[native code]}

function . constructor=function(){[native code]}函数是所有函数的根构造函数。

从例子中,我们可以看到p1的构造函数属性指向Parent,所以Parent就是p1的构造函数。同样,父级的构造函数属性指向Function,那么Function就是父级的构造函数,然后验证Function就是根构造函数。

JavaScript中的原型和原型链是什么

至此,“JavaScript中什么是原型、原型链”的研究结束,希望能解决大家的疑惑。理论和实践的结合可以帮助你学得更好。去试试吧!如果你想继续学习更多的相关知识,请继续关注网站,边肖会继续努力,给大家带来更多实用的文章!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/122003.html

(0)

相关推荐

  • 手机闹钟怎么设置闹铃,苹果手机闹铃声音在哪里设置

    技术手机闹钟怎么设置闹铃,苹果手机闹铃声音在哪里设置苹果手机闹铃声音的设置方法:打开苹果手机时钟,点击“加号”,滑动数字设置闹钟时间,打开“重复”,勾选一周里要使用闹钟的日期,点击“返回”;选择“铃声”,找到喜欢的铃声并

    生活 2021年10月29日
  • 两台服务器做数据主从备份(读写分离主从同步需要锁吗)

    技术如何用两台服务器实现数据库的主从同步与分离这期内容当中小编将会给大家带来有关如何用两台服务器实现数据库的主从同步与分离,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。使用背景:在网联

    攻略 2021年12月18日
  • c++面试题(c++用什么软件编程)

    技术如何利用上下文属性将 C++ 对象嵌入 QML 里本篇文章为大家展示了如何利用上下文属性将 C++ 对象嵌入 QML 里,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。一、设置

    攻略 2021年12月15日
  • 总结软件缺陷的定义、分类、检测和修复

    技术总结软件缺陷的定义、分类、检测和修复这篇文章主要介绍“总结软件缺陷的定义、分类、检测和修复”,在日常操作中,相信很多人在总结软件缺陷的定义、分类、检测和修复问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法

    攻略 2021年10月20日
  • CodeChef Weird Product

    技术CodeChef Weird Product CodeChef Weird ProductCodeChef Weird Product
    ? 设 \(p_k=\sum\limits_{i=1}^kA

    礼包 2021年12月16日
  • spark快速入门菜鸟教程(大数据spark入门教程)

    技术Spark该怎样入门本篇文章为大家展示了Spark该怎样入门,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。1. Spark简介2009年,Spark诞生于伯克利大学的AMPL

    攻略 2021年12月17日