JS原型中 _proto_ 原型和prototype原型的区别以及作用 -- 实例对象调用方法的顺序

最新推荐文章于 2025-04-29 13:39:40 发布
转载 最新推荐文章于 2025-04-29 13:39:40 发布 · 450 阅读 · 1

本文深入探讨了JavaScript中proto原型对象与prototype原型对象的区别及其作用，解析了如何通过原型来为对象添加方法，展示了实例对象调用方法和属性的顺序，帮助读者理解JavaScript的原型链机制。

proto 原型对象和prototype原型对象的区别和作用

在这里插入图片描述

通过原型来添加方法

在这里插入图片描述

结构图

在这里插入图片描述

实例对象调用方法和属性的顺序

在这里插入图片描述

一文读懂JS中的原型和原型链prototype和__proto__
fans_x的博客
04-06 575
在我们学习JS的过程中，我们总会接触到一些词：“原型”，“原型链”。那么今天我就来带大家来学习学习原型和原型链的知识吧！
es5的实例__proto__(原型链) prototype(原型对象) {constructor:构造函数}
小墨蛇的博客
09-02 836
现在看这张图开始变得云里雾里，所以简单回顾一下 prototype 的基本内容，能够基本读懂这张图的脉络。在上面的例子中，Person 叫做构造函数（函数被进行构造调用，为下文方便，称之为构造函数Person.prototype 叫做 Person 的原型对象person1 又称之为实例。TL;DR.构造函数默认会包含一个 prototype 属性，其值指向原型对象，即 Parent.prototype = Parent.prototype。
原型对象__proto__
weixin_45147894的博客
04-09 214
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g...
JS中原型和原型链深入理解
weixin_34125592的博客
05-04 626
首先要搞明白几个概念： 函数（function） 函数对象(function object) 本地对象(native object) 内置对象(build-in object) 宿主对象(host object) 函数 function foo(){ } var foo = function(){ } 前者为函数声...
js原型proto实例
xwlyun的专栏
02-25 590
js中的原型，用来实现面向对象的核心，以下是一个实例代码： // class A function A(){ this.ap = "ap"; } // class B function B(){ this.bp = "bp"; } // class B extends class A B.prototype = new A(); var obj = new A(); var
原型，原型链（proto,prototype）
qq_45331969的博客
04-20 301
prototype 每个"函数"中都有一个默认的属性, 叫做 prototype, prototype属性保存着一个对象, 这个对象我们称之为"原型对象", prototype 指向它的原型对象 。 每个"原型对象"中都有一个默认的属性, 叫做constructor, constructor 指向当前原型对象对应的那个"构造函数"。 _ _ proto _ _ 通过构造函数创建出来的对象我们称之为"实例对象", 每个"实例对象"中都有一个默认的属性, 叫做__proto__, __proto__ 指向创建它
原型对象和原型链
Youngkiko的博客
07-12 313
在Javascript中，万物皆对象，但对象也有区别，大致可以分为两类，即：普通对象 Object 和 函数对象 Function。一般而言，通过 new Function 产生的对象是函数对象，其他对象都是普通对象。 其实 prototype 的主要作用就是继承。 通俗一点讲，prototype 中定义的属性和方法都是留给自己的 “后代” 用的，因此，子类完全可以访问prototype中的属性和...
javascript 中__proto__和prototype详解
10-25
在JavaScript中，原型（Prototype）是实现继承的核心机制。理解__proto__和prototype这两个概念对于深入掌握JavaScript面向对象编程至关重要。 首先我们来看__proto__属性。每个JavaScript对象都拥有一个__proto__...
js prototype和__proto__的关系是什么
10-16
在JavaScript中，prototype和__proto__是...通过上述的分析，我们可以看到prototype和__proto__在JavaScript对象继承和原型链中的重要地位和作用。理解它们之间的关系对于深入理解JavaScript的面向对象编程至关重要。
__proto__与prototype
最新发布
m0_72030584的博客
04-29 980
__proto__与prototype的区别
js原型和类---prototype，__proto__，new，class
I_am_shy的博客
07-09 1464
在js中，一个变量被创建出来，它就会被绑定一个原型；比如说，任何一个变量都可以使用console.log打印，这里是调用了它的toString方法，而变量被创建后可能并没有设置toString方法，但是它任然可以打印，这就从原型中获取的toString方法所以可以得到第一点：原型可以提供方法给实例的变量，原型也是一个对象，或者说对象可以作为原型并赋值给其他变量，这样对象成为了变量的原型，而对象本身也有原型，此时就形成了 ‘链’
js进阶系列-原型对象VS对象原型
ZYQZXF的博客
02-21 791
前言 总所周知，原型在javascript中十分重要，今天把原型的知识复习了半天，在此做一个记录。 记录知识点的时候还是顺带着说一下这个知识点的作用。学的知识就是为了利用知识本身去完成某件事情。 花十分钟看完你将学会的知识点如下： 原型对象是什么 原型的作用 原型对象、对象实例、构造函数的关系 constructor的作用是什么 __proto __的产生(new一个对象的过程) 原型是什么...
js中的原型——__proto__和prototype
磷火的博客
06-01 1429
JavaScript中的对象有一个特殊的Prototype内置属性，其实就是对于其他对象的引用。几乎所有的对象在创建时Prototype属性都会被赋予一个非空的值。
对象引用和Prototype使用
秦爱德
01-16 779
先来看几段代码： var a = [1,2,3]; var b = [1,2,3]; console.log(a==b);//false var a = 5; var b = a; b+=3; console.log(b)//8 console.log(a)//5 var a = [1,2,3]; var b = a; b.push(4); console.log(b);//[1,2,3
JavaScript中的原型prototype和__proto__的区别及原型链概念
烟雨星空的博客
10-30 740
问题 初学js的同学，总是搞不清楚js中的原型是什么东西，看着控制台打印出来的一串串__proto__，迷惑不已。 例如我定义一个Person，创建一个实例p，并打印实例。 function Person(){} var p = new Person(); console.log(p) 图中，打印出来一个Person的实例对象p， 这个对象有个__proto__ 属性，这个是什么东西？ __p...
原型、原型对象、原型链
小草莓的博客
10-26 210
JavaScript 的所有对象中都有一个私有属性，我们一般称之为隐式原型（__proto__），它指向的是构建出这个实例的类的显式原型也就是构造函数的 prototype。2、什么是原型对象？作用?定义：在构造函数创建出来的时候，系统会默认创建一个（普通）对象与这个构造函数相关联，这个对象就是这个构造函数的原型对象（prototype）。为构造函数的实例，共享属性和方法。所有实例中引用的原型都是同一个对象；
原型和原型链 prototype和proto的区别
小丞同学
03-13 4814
原型，原型链，new()，constructor,call/apply
理解Array.prototype.reduce()的执行过程
lxow456的博客
05-28 554
之前对reduce()一直不理解，今天专门看了一遍MDN文档感觉明白了一些。在此记录一下自己的一些理解。 Array.prototype.reduce()方法的作用： 对数组中的每个元素执行一次传入的回调函数（按索引升序执行），并将结果汇总为单个值。 小例子感受一下reduce()的作用：求数组元素的和 var arr = [1, 2, 3]; var result = arr.reduce(function(accumulator, currentValue){ return accumula
vue 中 proto文件的函数调用
Nie2014的博客
08-03 1003
1、编译proto 在src文件夹下新建proto文件夹用以存放所有的.proto文件。在proto文件夹下打开终端，输入如下命令： //进入proto文件夹执行下列编译，将helloworld.proto替换为当前的.proto文件名 protoc -I=. helloworld.proto \ --js_out=import_style=commonjs,binary:. \ --grpc-web_out=import_style=commonjs,mode=grpcwebtext:.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值