js中的原型和原型链

最新推荐文章于 2024-03-02 11:07:33 发布
最新推荐文章于 2024-03-02 11:07:33 发布
阅读量73 收藏
点赞数
分类专栏： js高级 文章标签： javascript 前端 es6 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62211690/article/details/130509512
版权
原型是JavaScript中实现继承的关键，每个对象都有隐式原型(proto)和显式原型(prototype)。显式原型是构造函数的.prototype属性，而隐式原型是实例对象自动指向构造函数的prototype。原型链允许通过对象的prototype属性查找属性和方法，实现继承。ES5的继承方式包括直接赋值显式原型导致的问题以及通过实例化对象实现继承的策略。
摘要由CSDN通过智能技术生成
什么是原型？

在JavaScript中，原型（prototype）是一个对象，用于存储其他对象继承它的属性和方法。每个JavaScript对象都具有一个指向其原型的内部链接，它可以从其原型继承属性和方法。通常，当您尝试访问对象的属性或方法时，如果该对象本身没有该属性或方法，则会在其原型上查找该属性或方法。这使得原型成为实现继承和代码重用概念的重要方式。

在对象中存在的原型称为隐式原型
在函数中存在的原型称为显式原型

显式原型和隐式原型的区别？

在Javascript中，每个对象都有一个隐式原型 (proto) 属性和一个显式原型 (prototype) 属性。

其中，显式原型是通过构造函数的 .prototype 属性创建的，它是一个指向包含该构造函数原型属性和方法的对象的指针。

隐式原型是实例化对象时，自动指向构造函数的原型prototype属性（即其显式原型）的指针。

什么是原型链？

原型链是指在对象中通过prototype 不断寻找属性的链条， 在本身没有找到就会不断地沿着原型链往父级对象查找形成一条原型链，从而实现继承

继承的ES5历史

  1. 通过直接将父类的显式原型赋给子类
    问题：会使得父子的显式原型都是同一个，改一个动全部

  2. 通过创建父类的实例对象，通过这个对象来实现继承
    问题：会多次调用函数

  3. 子类对象的隐式原型直接指向父类的新建对象

m1by
关注
专栏目录
JS原型与原型链
m0_47720236的博客
01-17 698
原型：prototype(显式原型) 函数上的一个属性，默认情况下是一个普通的object对象 注意： function a(){} var b = new a();//a没有prototype属性，因为不是函数 构造函数 constructor 原型上的一个属性，指向该原型对应的构造函数,值为函数体。 Object.prototype.constructor === Object true 隐式原型 proto 对象上的一个属性,默认情况下，指向创建该对象的构造函数的原型。 每个引用类型的隐式原
Js中的原型及原型链
qq_44910894的博客
05-12 113
访问一个对象的属性时：先在自身属性中查找，找到返回如果没有, 再沿着这条链（原型链）向上查找, 找到返回如果最终没找到, 返回undefined// 首先要明白一点 console . log(Object);//一开始就存在 // 声明构造函数Fn function Fn() {} } // 向其原型对象上添加方法 Fn . prototype . test2 = function() {} // 实例化 var fn = new Fn();
JS：原型和原型链
elevenhope的博客
02-11 4633
一、原型 原型：每当定义一个对象（函数也是对象）时，就会生成一个__proto__属性，被称为隐式原型；这个__proto__属性指向的是这个对象的构造函数的prototype，被称为显式原型。每一个对象都会从原型中“继承”属性。 首先看一个例子，创建一个Student类，并创建类的实例对象student： class Student{ constructor(name, score) { this.name = name; this.score = score;
详解JS原型与原型链
qq_49900295的博客
04-04 6536
目录 1.构造函数原型prototype 2.对象原型__proto__ 3.constructor构造函数 4.原型链 5.原型对象中的this指向 6.扩展内置对象（原型对象的应用） 在ES6之前，我们面向对象是通过构造函数实现的。我们把对象的公共属性和方法放在构造函数里 像这样： function student(uname,age) { this.uname = uname; this.age = age; this.school = functi..
js原型与原型链详解（万文总结，一文搞懂原型链!）
Yi_qian的博客
12-28 1万+
JavaScript中的原型和原型链：1，每个对象均存在隐式原型(__proto__)，函数对象才有prototype属性2，__proto__存在的意义在于为原型链查找提供方向，原型链查找靠的是__proto__，而不是prototype3，函数对象的__proto__都指向Function.prototype4，每个对象都有一个隐式原型属性(__proto__)，多个原型通过__proto__链接在一起形成的链式结构就是原型链😃。
javascript原型和原型链
01-08
一、原型规则 1、所有的引用类型（数组、对象、函数）都具有对象特性，即可自由扩展属性（除了“null”） var array=[];array.a=1; var object={};object.a=1; function func(){}; func.a=1; 2、所有的引用类型...
详解js中的原型，原型对象，原型链
11-20
总结，JavaScript中的原型、原型对象和原型链是实现面向对象编程的关键机制。它们允许对象共享属性和方法，构建复杂的继承结构，并通过原型链实现属性的查找。理解这些概念对于编写高效、可维护的JavaScript代码至关...
图解JS原型和原型链实现原理
10-14
JavaScript中的原型和原型链是其继承机制的核心，理解这两者对于深入学习JS至关重要。本文将通过详细的图解和实例代码，帮助你理解这两个概念及其实现原理。 首先，我们需要明白JavaScript的发展背景。JavaScript...
一文搞懂JS原型与原型链
点滴记忆
07-21 705
前言 作为一个前端开发工程师，熟练掌握JS这门语言是必须要的。无论是日常的工作中，亦或者是出去面试找工作，JS掌握的多深多好，很大程度上决定了你能走的多远。今天本人就来介绍一下JS的原型以及原型链，基于本人的一些认识。因为本人也在学习的阶段，所以如果文章中有什么不对的或者不好的地方，烦请大家指出。 JS原型 众所周知，JS的复杂类型都是对象类型(Object)，而JS不是一门完全面向对象编程...
Javascript中的原型与原型链
技术成长ing
02-18 303
  //先定义构造函数   function Person(name, age){     this.name = name;     this.age = age;     this.sayHi = function(){          console.log("Hello");     } } var per = new Person("xiao", 30); /*   如果想要使用...
Javascript之原型与原型链
cjhxydream的博客
05-23 454
原型与原型链原型（prototype）每个函数都有一个prototype属性，且默认指向一个空的Object对象原型对象中有一个属性constructor，它指向函数对象给原型对象添加属性显式原型与隐式原型原型链 原型（prototype） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co
JavaScript原型和原型链（详细解读）
程麒阁的博客
04-09 8339
原型和原型链 一、原型概述 1.概念 原型在JavaScript是一个很重要的概念，它是面向对象可以继承的基础。知道吗，JavaScript的设计模式就是原型模式（二十三个经典设计模式之一），正是因为它有这个模式，所以它才十分的灵活。可以基于原型模式实现更多的面向对象设计模式。 二、原型链 1.什么是原型链？ 原型链是原型的查找机制，是一条寻址链。其实原型上的方法或属性查找，都是按照一定的顺序沿着原型链进行查找的。如果查找到最后仍然没有找到这个原型和方法，那么JS就会抛出没有这个属性或方法的异常。 2.什么
javascript中的原型与原型链
codewhy的博客
09-09 1201
文章目录一、什么是原型二、prototype四、constructor五、实例与原型六、原型的原型七、原型链 一、什么是原型 原型：每一个javascript对象(除null外)创建的时候，都会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 例如 var obj = new Object(); 创建一个对象的时候都会同时关联一个对象，如图，关联的这个对象就是新建的对象obj的原型 二、prototype 在JavaScript中，每个函数都有一个prototype属
js 原型与原型链
青蛙king的博客
11-14 469
一、原型 所有引用类型都有一个 __proto__（隐式原型）属性，指向它构造函数的 prototype 属性。 所有函数都有一个 prototype（原型）属性，属性值是一个普通的对象。 var a = [1,2,3]; a.__proto__ === Array.prototype; // true function Func () {}; var f = new Func(); f.__proto__===Func.prototype; // true var fn = function (
JS：原型与原型链（附带图解与代码）
最新发布
qq_45820271的博客
03-02 1762
本文介绍了JS中的原型与原型链，通过图解与代码详细展示了原型链的形成。
JS原型、原型链到底是什么？
梅花寺
06-02 8145
在js的学习中，原型毫无疑问是一个难点，但也是一个不可忽视的重点。在前端面试中也是一个高频考题，在接下来的深入学习中，你会发现原型、原型链等知识点其实并不难。JavaScript是一个面向（原型）对象的语言，对象是属性的集合，除了值类型 ”一切（引用类型）皆为对象“，判断一个变量是不是对象，值类型可以用typeof，引用类型用instanceof。我们可以通过new来创建一个对象，但其实所有对象都是通过函数创建的，而函数也是对象。等等，这好像有点绕，不急，让我们先去了解prototype原型。在JavaSc
JS中的原型和原型链（图解）
热门推荐
qq_36996271的博客
09-09 5万+
JS中的原型和原型链 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _’属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 ...
对于js的原型和原型链的理解
浮生离梦的博客
06-23 4万+
一、原型与原型链 JavaScript是一门基于原型的语言，在软件设计模式中，有一种模式叫做原型模式，JavaScript正是利用这种模式而被创建出来 原型模式是用于创建重复的对象，同时又能保证性能，这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式是实现了一个原型接口，该接口用于创建当前对象的克隆。原型模式的目的是用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新...
JavaScript原型、原型对象与原型链深度解析
"详解js中的原型，原型对象，原型链" 在JavaScript中，原型（Prototype）是一种机制，它使得对象可以继承其他对象的属性和方法。这个机制是基于原型链（Prototype Chain）实现的，是JavaScript面向对象编程的核心...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值