原型对象 和 对象原型

于 2023-06-13 15:45:27 发布
阅读量94 收藏
点赞数
文章标签： 原型模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pumpkin___/article/details/131189747
版权

原型可以解决构造函数浪费内存的问题

目的：能够利用原型对象实现方法共享

 

protodtype也叫原型对象

Prototype 的方法，this也指向这个常见的对象

原型就是构造函数的一个属性

  1. 构造函数通过原型分配的函数是所有对象共享的
  2. Js规定，每一个构造函数都有一个prototype属性，指向另一个对象，所以我们也称为原型对象
  3. 这个对象可以挂载函数，对象实例化不会多次创建航行函数，解决内存
  4. 我们可以把那些不变的方法，直接定义在prototype对象上，这样所有对象的实例就可以共享这些方法
  5. 构造函数和原型对象中的this都指向实例化的对象

公共的属性写到构造函数里面，公共的方法写到原型对象里面（prototype）

_proto_ 对象原型，只要构造函数在prototype里存储方法或属性时，创建的对象都可以通过对象上的_proto_这个属性访问到 这也就是说_proto_是对象上的属性

__proto__是包含在实例对象里面的，__proto__对象原型里面也有一个constructor属性，指向创建该实例对象的构造函数

构造函数和原型里面的this就是 实例对象

如果构造函数内和原型对象上有相同的方法时，会执行构造函数上的，原因是临近原则查找方式

Constructor属性  该属性指向该原型对象的构造函数

Constructor  本身就是构造函数（手动指回原来的构造函数）以下这种赋值来指回来

对象原型（__proto__）和原型对象（prototype）他们都有一个constructor属性，constructor属性也叫构造函数，而且它指向构造函数本身（Person）

场景：用于查找该对象引用的是哪个构造函数

原型链：

所有的对象上都有原型对象(prototype),所有的原型对象上都有对象原型（__proto__）,那种查找方式就是原型链（一级一级朝上查找）

其实构造函数就是在创建对象  构造函数的终极boss是Object

如果object身上都没有想要找的方法，那就会返回null

用instanceof 去查找  一级一级往上找

 

 

一篇空白_48
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS原型对象和对象原型的区别
m0_46281615的博客
11-04 1045
先抛去此文章的标题（有点晕有木有？），来看下面这段程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
js 原型对象和原型链理解
12-02
一个例子让你彻底明白原型对象和原型链 开篇 之前对js中的原型链和原型对象有所了解，每当别人问我什么是原型链和原型对象时，我总是用很官方（其实自己不懂）的解释去描述。有一句话说的好：如果你不能把一个很复杂...
JavaScript-原型对象、对象原型、原型继承、原型链
weixin_45802287的博客
02-07 446
原型本质上是一个对象，也称为Prototype为原型对象对象都会有一个属性 __proto__指向构造函数的 prototype 原型对象，之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有 __proto__ 原型的存在。__proto__对象原型里面也有一个 constructor属性，指向创建该实例对象的构造函数。 基于原型对象的继承使得不同构造函数的原型对象关联在一起，并且这种关联的关系是一种链状的结构，我们将原型对象的链状结构关系称为原型链。
什么是对象原型，什么是原型对象，什么是constructor，什么是原型链，详细解析
super帅的博客
03-27 2556
原型对象 ： prototype 概念：原型对象是构造函数上的一个属性，用来创建公共的方法 原型对象怎么使用? 如何使用原型对象设置公共方法? //语法: 构造函数.prototype.方法名 = function() {} function Student(uname) { this.uname = uname } // 设置公共方法 Student.prototype.eat = function () { ...
知识总结：什么是原型、原型对象、原型链？原型链如何继承？如何访问原型对象上的属性？属性的访问规则是什么？如何设置原型对象的属性？
小草莓的博客
07-28 1384
1、隐式原型和显示原型JavaScript 的所有对象中都有一个原型，称为隐式原型（__proto__）。隐式原型指向构建出这个实例的类的显示原型（prototype）。this.major = '语文'Student.prototype.type = '学生'let student = new Student('小草莓')console.log('对象的隐式原型：student.__proto__', student.__proto__)
【JavaScript】原型对象、对象原型、原型链及其查找规则
weixin_43790653的博客
03-21 2356
【JavaScript】原型对象、对象原型、原型链及其查找规则
浅谈JS原型对象和原型链
10-22
主要为大家详细介绍了JS原型对象和原型链，感兴趣的小伙伴们可以参考一下
JS原型对象操作实例分析
10-15
主要介绍了JS原型对象操作,结合实例形式分析了JS原型对象基本原理、用法及操作注意事项,需要的朋友可以参考下
原型对象和对象原型
m0_73723713的博客
11-20 426
指向构造函数的prototype之所以我们对象可以使用构造函数prototype原型对象的属性和方法，就是因为对象有。我们可以把那些不变的方法，直接定义在prototype对象上，这样所有对象的实例化就可以共享这些方法。该属性指向该原型对象的构造函作用:因为重新赋值会丢失构造函数，可以在重新赋值情况下找回构造函数数。构造函数和原型对象中的this都指向实例化的对象。属性，指向另一个对象，所以我们也称为原型对象。Prototype就是实例对象里的对象原型。属性指向创建该实例对象的构造函数。
js进阶系列-原型对象VS对象原型
ZYQZXF的博客
02-21 627
前言 总所周知，原型在javascript中十分重要，今天把原型的知识复习了半天，在此做一个记录。 记录知识点的时候还是顺带着说一下这个知识点的作用。学的知识就是为了利用知识本身去完成某件事情。 花十分钟看完你将学会的知识点如下： 原型对象是什么 原型的作用 原型对象、对象实例、构造函数的关系 constructor的作用是什么 __proto __的产生(new一个对象的过程) 原型是什么...
原型对象，对象原型，原型链
weixin_48340600的博客
10-02 769
1、原型（原型对象） 创建函数的方式有一种为构造函数进行创建 //利用构造函数创建对象 function Star(uname, age) { this.uname = uname; this.age = age; this.sing = function() { console.log('我会唱歌'); } } var l
关于原型对象和对象原型的认识
weixin_46218220的博客
12-19 705
原型对象prototype和对象原型__proto__ 原型对象只存在于类中的，在对象中是没的原型对象的，只有对象原型 查找情况一：（实例对象使用__proto__进行查找），对象 =》类.prototype =》object.prototype =》null 查找情况二：（类使用__proto__进行查找），类 =》类.prototype =》object.prototype =》null 4. 当改变类的原型对象时，constructor的指向就会改变，需要重新改回当前类 5. 关于
原型对象的作用及原型对象的用法
欢迎来到codedog的博客
11-13 5690
最近遇到一个初学者问我，原型对象怎么用，所以在这里我总结一下原型对象的作用，并用简单的例子来展示原型对象的用法     一原型对象的作用：                      原型对象，是用来解决构造函数在创建实例的时候，防止重复执行所导致的性能的降低(这里主要指占用内存)，来为服用带来方便                          ￥下面附上一个简单的例子来说明，代码的重复执
JS中构造函数、实例对象和原型对象三者之间的关系
热门推荐
qq_39247835的博客
09-16 1万+
1、首先需要明白一个知识点：一个需要共享并且通过实例对象调用的方法，是在构造函数的原型对象中的。（实例对象原型__proto__指向构造函数的原型，即prototype）      通过查看join方法得到，join是在构造函数的原型对象中的。 2、进入正题，开始解释： （1）实例对象通过构造函数进行创建，原型对象是有了构造函数就会产生的。 （2）构造函数中的属性通过结构（dir）查...
原型及原型对象
qq_41910413的博客
12-18 379
举例： <script> function Students(){ //这就是一个构造函数 } //new一个实例对象 var stu=new Students(); </script> 1.构造函数：就是在script标签里面声明的那个函数Students. 2.原型对象：在声明了一个函数之后，浏览器会自动按照一定的规则创建一个对象，这个对象就叫做原型对象。这个原型...
Js基础之原型对象（一文看懂原型对象）
喵酱的笔记本
03-21 619
一、理解原型对象 由特定类型创建的所有实例，可能存在公共的属性，也可能存在实例特有的属性。为了保证公共属性不重复定义，将公共属性保存在原型对象中；为了实例特有的属性不共享独立存在，则将特有的属性保存在构造函数中。 如上原型链的原理图所示，构造函数、原型对象和实例之间有以下联系： 构造函数的prototype属性指向原型对象 原型对象的constructor属性指向构造函数 所有实例的...
什么是对象、原型对象与原型链
qq_47443027的博客
03-24 517
对象 对象基础 对象的定义 对象是一个包含相关数据和方法的集合（通常由一些变量和函数组成，我们称之为对象里面的属性和方法）。 对象有时被称之为关联数组(associative array)了——对象做了字符串到值的映射，而数组做的是数字到值的映射。 创建一个对象通常先定义初始化变量。 var person = {}; person // Object {} 点表示法 对象的名字表现为一个命名空间（namespace），它必须写在第一位-----当你想访问对象内部的属性或方法时，然后是一.
JavaScript 之 原型对象、对象原型 —— { }
橙系圆的博客
02-15 263
JavaScript —— 构造函数 // 构造函数 function Player(name, age) { this.name = name; this.age = age; } JavaScript —— 静态方法 // 静态方法(只可用【构造函数】名字调用，不可用【实例对象】名字调用) Player.turnover = function () { console.log('我会失误'); } Player.turnover(); curry.turnover();.
Js-对象的原型和原型链及原型对象方法
三季雨
02-17 958
Ⅰ- 壹 - 对象的原型和原型链 一 对象简介 什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。 在 ECMAScript 中引用类型是一种数据结构。用于将数据和功能组织在一起，它也常被称做为类，但 ECMAScript 中却没有这种东西。虽然 ECMAScript 是一门面向对象的语言。却不具备传统面向对象语言所拥有的类和接口等基本结构。 万物皆对象，除了数字，字符，布尔这种绝对值以外的所有都是对象； 对象是类的实例化体现，类是对象的抽象体现； 对象是一个个体，他具备自身类的所有
js原型和原型对象的区别
最新发布
04-23
JS中的每个对象都有一个原型对象，它包含用于继承的共享属性和方法。原型是一个对象，它本身也有一个原型，直到链的顶端为止。而原型对象就是创建基于...所以，原型和原型对象是两个不同的概念，但它们之间是相关的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值