构造函数与原型

最新推荐文章于 2024-08-02 14:21:03 发布
最新推荐文章于 2024-08-02 14:21:03 发布
阅读量32 收藏
点赞数 1
分类专栏： javascrip进阶理论知识总结 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52147616/article/details/129933411
版权

文章目录

构造函数与原型

构造函数三要素
  • 构造函数定义与调用
    • 首字母大写
    • 内部使用this对象指向需要生成的实例对象
    • 使用new字符调用
  • 实例化与内存
    • 实例化：创建一个实例对象，分配内存
    • 执行构造函数：对分配的内存空间进行实例化
prototype/____proto
  • prototype属性
    • 使用者：函数（构造函数指向实例化对象的原型对象）
    • 创建者：创建一个函数Fun，则内部包含有prototype属性（指向实例化对象的原型对象），并初始化constructor 属性引用该函数
    • 作用：通过原型对象添加属性和方法，实现属性和方法的共享
  • ______proto_____属性
    • 每个实例对象（Object）都有该属性（指向实例化的原型对象）
    • 实例对象可以访问这个原型对象中的属性，就像本身拥有该属性一样
  • 原型对象
    • 看做公共容器
    • 定义在原型对象上的属性会让其所有实例对象都共享这个属性，但是不会在实例内部重新定义这个方法，内存占用较小
  • Fun.prototype === fun.proto
  • Fun.prototype.constructor === Fun
静态/实例/原型属性
  • 实例对象可以访问本身对象上的实例属性，也可以访问原型对象上的原型属性，但是不能访问构造函数上的静态属性。静态属性只能通过构造函数来访问。
new运算符
  • 构造函数返回值
    • 没有return，返回this，即实例对象
    • 有return，且返回值为基本数据类型，构造函数忽略return，返回this对象；返回值为引用数据类型，构造函数返回return值。
  • new运算符作用
    • 创建空对象，即{}
    • 执行[[prototype]]连接
    • 将该对象作为this的上下文，并执行构造函数
柠ㅤㅤ
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 构造函数、原型以及原型链
qq_45848004的博客
03-17 585
构造函数、原型以及原型链        ES6之前是没有引入类的概念，所以JavaScript是直接通过构造函数来创建实例的。在详细介绍原型以及原型链之前，先对相关的术语做个简单的介绍，方便大家有一个大概的了解。 构造函数：通过new关键字进行调用，为了创建一个自定义的类，并且创建这个类的实例。 实例:是类实例化之后一个一个具体的对象。 原型：通过现有实例来生成新实例的函数，也是一个对象。 原型链：就是联系实例与原型的链条。 一.构造函数
JavaScript 中的构造函数与原型：有什么区别？
老司机的后备箱
10-20 749
构造函数是用于创建对象的函数。当您使用关键字调用构造函数时new，它将创建一个新对象并返回它。如果您有面向对象编程（OOP）的 背景，将构造函数与类进行比较是最简单的。就像在其他语言中一样，构造函数允许您创建新对象并定义它们的属性和方法。Java}}JavaScript在 JavaScript 中，我们可以创建Person如您所见，两者非常相似。主要区别在于，在 JavaScript 中，我们使用prototype将方法添加到构造函数中，而在 Java 中，我们只需将它们添加到类中。
构造函数与原型对象
syy的博客
11-15 846
构造函数与原型对象、this指向以及错误处理和查找算法
JS构造函数与原型对象
qq_43750656的博客
12-20 487
构造函数 根据函数的调用方式不同，分为普通函数和构造函数，当作为构造函数使用时，会执行以下几个步骤。 立即创建一个新的对象（这个对象属于该构造函数类） 将这个对象设置为函数中的参数 this ，在构造函数中可以引用新创建的对象。 执行函数中的代码 最后将创建的对象返回。 ...
JavaScript构造函数与原型对象
橘猫吃不胖的博客
11-24 777
JavaScript构造函数与原型对象1 构造函数1.1 概述1.2 静态成员和实例成员1.3 构造函数和类的区别1.4 构造函数与普通函数的区别2 原型对象2.1 概述2.2 访问对象的原型对象2.3 访问对象的构造函数2.4 原型对象的原型对象2.5 原型链2.6 函数在原型链中的结构2.7 成员查找机制2.8 原型对象的this指向 1 构造函数 1.1 概述 在面向对象的语言中，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JavaScript中并没有引入类的概念。 在ES6之
JS构造函数和原型
qq_45359288的博客
03-31 932
1. 构造函数和原型 1.1 概述 在典型的OOP语言中，例如java，都存在类的概念。 类就是对象的模板，对象就是类的实例，但是在ES6之前，JS没有引入类的概念。 ES6 全称ECMAScript 6.0，2015.06发版。在ES6之前，对象不是基于类创建的，而是用一种称为构建函数的特殊函数来定义对象和它们的特征。 创建对象可以通过以下三种方式： 对象字面量 //var obj1 = { } new Object() //var obj2 = new Object() 自定义构造函数 1.2 构
JavaScript构造函数和原型
m0_48375854的博客
11-16 861
构造函数和原型一、构造函数和原型1、构造函数2、构造函数的问题3、构造函数原型 prototype4、对象原型 __proto__5、constructor 构造函数6、构造函数、实例、原型对象三者之间的关系7、原型链8、JavaScript 的成员查找机制(规则)9、原型对象this指向10、 扩展内置对象二、继承1、call()2、借用构造函数继承父类型属性3、借用原型对象继承父类型方法三、类的本质 一、构造函数和原型 1、构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始
构造函数及原型
weixin_45773503的博客
07-25 1046
1. 构造函数和原型 1.1 概述 es6之前没有类的概念，浏览器对es6的支持不完全 1.2 构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员赋初始值，他总与new一起使用，我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 new在执行的时候回执行四件事 在内存中创建一个空的对象 让this指向这个新的对象 执行构造函数里面的代码，给这个新的对象添加属性和方法 返回这个新对象（所以构造函数里面不需要return） 实例成员（构造函数内部用 this.属性）
JavaScript系列之构造函数与原型
老__L的博客
09-12 645
在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6 之前，JS 中并没用引入类的概念。ES6，全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。在 ES6 之前，对象不是基于类创建的，而是用一种称为构建函数的特殊函数来定义对象和它们的特征。
构造函数与原型详解（prototype、__proto__、constructor）
泊一的博客
08-13 1263
文章目录1.构造函数1.1 对象创建的三种方式1.2静态成员和实例成员1.2.1实例成员1.2.2静态成员2. 构造函数的问题3.原型相关3.1 构造函数原型对象——prototype3.2 对象原型__proto__3.3 constructor构造函数3.4 三者之间的关系3.5 原型链3.5.1 原型链的查找机制4. 通过原型为数组扩展内置方法 1.构造函数 1.1 对象创建的三种方式 字面量方式 var obj = {}; new关键字 var obj = new Object();
JavaScript中构造函数与原型链之间的关系详解
10-17
3. 构造函数与原型的联系： - 构造函数的`prototype`属性定义了新创建的对象实例将继承的属性和方法。`demo.prototype`就是为`Demo`构造函数的实例提供继承属性的对象。 - 原型对象有一个`constructor`属性，它...
JS构造函数与原型prototype的区别介绍
10-22
JavaScript中的构造函数和原型(prototype)是两种不同的机制，它们共同作用于对象的创建和功能扩展。理解这两者的区别对于深入学习JavaScript至关重要。 首先，**构造函数** 是一种特殊类型的函数，用于创建和初始化...
深入理解javascript构造函数和原型对象
10-25
对象，是javascript中非常重要的一个梗，是否能透彻的理解它直接关系到你对整个javascript体系的基础理解，说白了，javascript就是一群对象在搅。。（哔！）。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 897
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 223
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 289
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【Vue3】自定义组件
又言又语
07-30 441
本文介绍 Vue3 中如何自定义组件。页面组件：用于构建独立页面，通常存放在src/pages或src/views目录下。功能组件：将页面中一些独立的功能封装成独立组件，譬如：分页组件、日期时间组件等。功能组件通常存放在目录下。本文主要说明如何自定义功能组件。
RN高级interview
流星雨的博客
07-31 481
RN高级interview
vite静态资源处理，处理vite项目中src和url路径问题
最新发布
WanweI897的博客
08-02 332
处理vite项目中src和url路径问题
构造函数的原型和原型链
03-28
构造函数的原型是一个对象，它包含了构造函数的所有公共属性和方法。每个实例对象都可以访问这个原型对象，从而共享这些公共属性和方法。 原型链是由原型对象组成的链式结构，它连接了所有实例对象和构造函数的原型对象。当一个对象需要访问某个属性或方法时，JavaScript 引擎会先在该对象本身中查找，如果找不到，就会沿着原型链向上查找，直到找到该属性或方法为止。如果最终都没有找到，就返回 undefined。 构造函数的原型和原型链是 JavaScript 面向对象编程中非常重要的概念，它们可以帮助我们实现代码的复用和继承。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值