JS构造函数和原型的关系

最新推荐文章于 2024-03-12 15:45:03 发布
最新推荐文章于 2024-03-12 15:45:03 发布
阅读量233 收藏 1
点赞数 2
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41913029/article/details/111871534
版权

JS构造函数和原型的关系

对象可以通过自定义构造函数来初始化对象 并通过new来创建实例

new 在执行时会做四件事情

  • 在内存中创建一个新的对象
  • 让this指向这个新的对象
  • 执行构造函数里面的代码 给这个新对象添加属性和方法
  • 返回这个新对象

实例成员和静态成员

  • 构造函数内部通过this添加的成员 实例成员只能通过实例化的对象访问
  • 静态成员 在构造函数上本身添加的成员 只能通过构造函数来访问

为什么需要原型

在构造函数中会存在简单数据类型（属性）和复杂数据类型（方法）而复杂数据类型会单独的再创建一个内存空间 极大的造成了内存浪费

构造函数原型prototype（原型对象）

JS规定 每一个构造函数都有一个prototype属性 指向另一个对象 这个prototype本身就是一个对象 这个对象的所有属性和方法 都会被构造函数所拥有
我们可将不变的方法 直接定义在prototype对象中 这样所有对象的实例就可以共享这些方法

proto（对象原型）

对象都会有一个属性 指向构造函数的prototype原型对象 之所有我们对象可以使用构造函数 对象原型prototype原型对象的属性和方法 就是因为对于有 这个原型的存在 简单来说 对象会自动生成一个属性指向构造函数的prototype
proto 和 prototype 是等价的

构造函数 实例 原型对象三者之间的关系


每一个类都会继承自一个基类 Object 所以类的原型对象指向Object的原型对象 js中的查找机制就是通过原型链自下而上查找

亻哎哟丷
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
JS中构造函数，实例，原型的关系
chen_z_p的博客
08-26 1053
JS中构造函数，实例，原型的关系 1、概念 1.1、构造函数 与其它面向对象语言一样，JS中用于创建并初始化对象的函数称为构造函数。但需要注意的是，JS没有语法上的构造函数，它只是一种用法上的定义。 让一个函数成为构造函数的原因在于new运算符。new作用于函数时，会自动创建一个空对象，并将该对象赋给this, 在函数的结尾，自动地返回this。（如果函数内显式返回了一个对象，this将不会被返回；如果函数内的返回值是一个原始值，将会被this代替。）所以一般的函数都可以在前面加new变成构造函数，一个函数
JavaScript构造函数和原型
m0_71102752的博客
05-18 74
执行构造函数里面的代码，给这个新对象添加属性和方法。 返回这个新对象（所以构造函数里面不需要 return ）。 JavaScript 的构造函数中可以添加一些成员，可以在构造函数本身上添加，也可以在构造函数内部的 this 上添加。通过这两种方式添加的成员，就分别称为静态成员和实例成员。 实例成员：在构造函数内部创建的对象成员称为实例成员，只能由实例化的对象来访问。 静态成员：在构造函数本上添加的成员称为静态成员，只能由构造函数本身来访问 。 例如： function A(uname,age)..
JS - 构造函数、原型、实例对象三者的关系
Jackie_Snow的博客
10-03 1229
构造函数、原型、实例对象三者的关系以及它们身上的属性分析
构造函数和原型
m0_51371862的博客
09-02 281
目录 1.概述 2. 构造函数 3.构造函数原型 prototype 4.对象原型 __proto__ 5.constructor 构造函数 6.原型链 1.概述 在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前， JS 中并没用引入类的概念。 ES6， 全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现...
图解js原型、原型链、构造函数直接的关系（简单易懂）
最新发布
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
03-12 980
对象的原型：对象通过.__proto__找到对象的原型构造函数的原型：构造函数.prototype每个原型都有自己的原型：如Person.prototype.__proto__指向Object的原型js中所有的对象都继承自Object；Object的原型指向为null到此，一个由__proto__指针串起来的原型链就产生了。这里你可以将__proto__理解为链表中的next指针，通过__proto__向上找到对象或构造函数的原型，链表的最后节点是Object，它的__proto__是null。
一句话总结JS构造函数、原型和实例的关系
u012443286的博客
10-12 6479
”每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，实例都包含一个指向原型对象的内部指针。” ——此段话摘自《JavaScript高级程序设计》。下面结合实例简要分析：一、每个构造函数都有一个原型对象 比如： 可以看到，每个构造函数本身都是一个对象，它有一个属性叫做prototype，它是一个对象。二、原型对象都包含一个指向构造函数
JS基础之构造函数和原型的关系
czxvzxzczcc的博客
08-18 213
首先说说创建对象 一、普通方法创建对象 var obj = { name:"孙悟空", age:15, gender:"男", sayName:function () { alert(this.name) } } 二、使用工厂方法创建对象 function createPerson(name,age,gender) { /...
深入理解javascript构造函数和原型对象
10-25
对象，是javascript中非常重要的一个梗，是否能透彻的理解它直接关系到你对整个javascript体系的基础理解，说白了，javascript就是一群对象在搅。。（哔！）。
JavaScript中构造函数与原型链之间的关系详解
10-17
在JavaScript中，构造函数和原型链是实现面向对象编程的核心机制。它们共同构成了JavaScript的类继承模型。让我们深入探讨这两个概念及其之间的关系。 1. 构造函数（Constructor）： - 构造函数是一种特殊类型的...
JS构造函数与原型prototype的区别介绍
10-22
JavaScript中的构造函数和原型(prototype)是两种不同的机制，它们共同作用于对象的创建和功能扩展。理解这两者的区别对于深入学习JavaScript至关重要。 首先，**构造函数** 是一种特殊类型的函数，用于创建和初始化...
JS中构造函数、实例对象和原型对象三者之间的关系
热门推荐
qq_39247835的博客
09-16 1万+
1、首先需要明白一个知识点：一个需要共享并且通过实例对象调用的方法，是在构造函数的原型对象中的。（实例对象原型__proto__指向构造函数的原型，即prototype）      通过查看join方法得到，join是在构造函数的原型对象中的。 2、进入正题，开始解释： （1）实例对象通过构造函数进行创建，原型对象是有了构造函数就会产生的。 （2）构造函数中的属性通过结构（dir）查...
JS中构造函数和原型的细节分析
MichaelAn的博客
05-23 3111
构造函数和原型是JS中重要的部分。JavaScript中使用构造函数的目的就是创建新对象。相对于强类型语言java使用class创建对象，JS创建对象主要有两种方法：第一种是字面量形式创建（不提倡使用，大量使用影响性能，内存伤不起）；第二种方法就是构造函数创建对象（建议使用）。还有其他小众的方法在此不赘述。...
理解 - JS构造函数与原型prototype上的方法
qq_28134589的博客
07-23 309
构造函数的方法与构造函数prototype属性上方法的对比 区分 ： 函数内声明的方法 ， prototype上声明的方法 函数内的方法 使用函数内部的方法可以直接访问到函数内部的私有变量，如果我们通过构造函数new出来的对象需要我们操作构造函数内部的私有变量的话 我们这个时候就需要考虑在函数的prototype 上添加方法 prototype上的方法 当我们需要通过一个函数创建大量的对象，大量的方法时 就需要考虑prototype了 这种情况下我们代码的内存占用就比较小 在实际的应用中 这两种方法往往是结
JS 函数的原型关系
LttleJoker的博客
10-25 408
首先，我们创建了一个User函数，和User的实例化对象。 function User() {} let hd = new User(); console.dir(User); console.log(hd); 然后我们分别打印User和hd，分别看看他们两之间的原型关系。 首先我们先来看看User这个函数，我们可以看到有prototype和__proto__两个属性，证明了User这个函数在不同的情况扮演着不同的作用。这就好比我们在生活中，在公司的时候我们是员工，回到家我们是父母的孩子。
【JavaScript】理解构造函数、实例、原型三者之间的关系
往前爬的蜗牛
04-08 1771
原型： 原型本质是一个对象，理解为 JavaScript 自动帮我们添加的,只要是构造函数，系统会默认的为构造函数关联一个对象，这个对象就称为构造函数的原型，写在原型中的成员，可以被构造函数所创建的实例调用。 原型是 JavaScript 自动帮我们在定义构造函数的时候添加的。 所有构造函数的实例，共享一个原型，原型上一般是挂载函数。 图示理解： 原型 proto Javascript 规定，每一个(构造)函数都有一个 prototype 属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的
javascript原型对象、构造函数的关系
Leons_J的博客
12-05 218
原型 1.什么是原型 在js中，任何一个对象都有它的原型对象(__proto__)，对象可以使用它原型对象上的属性和方法。 2.什么是构造函数 构造函数本质就是一个普通函数。 function Food(price){ this.price = price; } this.protoType.eat = function(){ console.log('好吃') }; var apple = ...
js中的构造函数和原型
ruienger的博客
08-16 375
什么是构造函数、原型 js中每个对象(object)都对应着一个构造函数(constructor)和原型(prototype)，对象的实例可以通过原型链(prototype chain)使用该对象原型提供的方法。 构造函数中有什么 构造函数中有对象可以实现的方法，譬如Array对象中的isArray()、Of()等等，它们可以直接被对象调用，即Array.isArray(arr)，但是不可以被实例直接调用，除了这个，构造函数中还有一个指向原型的prototype指针，这个指针声明了该对象对应的原型，同时为产
JS构造函数和原型对象
baidu_41604826的博客
04-28 646
构造函数和原型对象这个糟心的东西 为什么会看这个东西，因为我看到其他人在使用，而自己不懂的东西就会有一种学习的冲动。哈哈哈！！！ 概念解析 构造函数： 就是描述某个事物特征、动作的一个模板，为了区别于普通函数，首字母大写。有了这个函数，就可以通过new命令创建实例对象，所谓实例对象，就是有了具体特征、动作的一个事物。 function Animal(name,eat){ //作为一个模板存在，...
js 构造函数 原型 和实例之间的关系
06-07
在 JavaScript 中，每个构造函数都有一个原型对象，它存储着构造函数的方法和属性。当我们创建一个实例时，实例会继承构造函数的原型对象上的方法和属性。 具体来说，我们可以通过构造函数的 `prototype` 属性来...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值