前端的实例化是什么?

news2024/11/25 6:34:12

我们在用vue框架的时候,总是会看到各种各样的实例化或者说实例化对象(实例)

所以这篇文章就谈一下什么是实例化和实例化对象(实例),以及为什么要实例化的问题

前端的实例化是什么?

    • vue的createApp
    • pinia的实例化
    • 为什么要实例化
    • 再一次回答上面这个问题

vue的createApp

从创建vue框架开始,不管是vue2还是vue3,我们在main.js文件就会看到下面这行代码

const app = createApp(App)

API createApp()的作用是创建一个应用实例
createApp

pinia的实例化

当我们在使用pinia,在引用store中的函数后,我们也需要实例化,如下所示:

import { function } from './pinia.js'
const usefunc =  function()

store实例化
经过上面的两个案例,代码不多,就两三行,我们可以看出定义一个对象的过程就是实例化,而那个对象则称为实例化对象(实例)

为什么要实例化

Q1:为什么要进行这样的过程?

A1: 原因在于,我们引入的是一个抽象的对象或者说是,它并不是具体的,并不在内存中存在,无法去使用

Q2:什么是抽象的对象(类)?

A2:对对象进行抽象就是类,对象就是类的具体(实例)化,比如有一群大象🐘,大象很大,我们可以把大象这种动物抽象成大的动物,抽象出来的东西往往是一对多的,比如大的动物还有鲸鱼🐋,恐龙🦖等等等,但我们抽象后,可以更宏观的去对这种大范围的东西去缩小定义

所以说,类:就是一种定义,包含很多东西,从很多东西中总结的共性

对象就是类的实例化,上面说了,类是很大的东西,包括很多东西,对象就是在其中的具体的东西,大的动物中的大象🐘,它是实际的,具体的

如果觉得实例不好理解,就理解成实在的 具体的 真实存在的 例子

所以说,对象:就是类的具体化,共性中的特性

还是不好理解?大的动物只是一个定义,而大象是 实在的 具体的 真实存在的 例子

再一次回答上面这个问题

因为类里面都是一些模板,比如上面的例子,大的动物这个类里面,它的模板都是大的动物,我使用这个模板出来的东西都是大的,可能是大的大象🐘,大的鲸鱼🐋,大的恐龙🦖,或者其他,它并不是真实存在的,只是一个定义

我们要使用某个行为,前提是它肯定是真实存在的东西,我们要耕地,要使用铲子,铲子肯定是真实存在的。铲子可以抽象成农具,农具包含铲子,犁,钉耙。不可能说我们使用农具去耕地,农具只是一个定义,不是真实存在的东西

所以,我们在使用某个行为的时候,首先要用这个类,这个模板,去创造一个具体的例子,才能去使用,前面说了,类本身并不在内存之中,一旦我们使用类去创建了一个实例,那么这个实例就会真实的存在内存中,那么创建这个实例的过程,就是实例化了,创建出来的就是实例,或者说对象

在pinia的使用过程中,就形成了这样的过程

import {} from './pinia.js'
const 对象 =// 使用对象中的方法
对象.方法()

类和模板

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/116359.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

关于缓存问题的思考与总结

提到缓存,最容易想到的便是Redis了。Redis凭借其出色的性能表现,十分适合做缓存。那么为什么需要缓存这个东西以及缓存用在哪些地方呢? 一、基本原理 存储层次模型 注:也是背景来源 想要设计好的架构或者应用、程序&#xff0c…

Maven安装配置的保姆级教程

前言 下面是关于maven的一些介绍: maven是一个项目构建和管理的工具,提供了帮助管理 构建、文档、报告、依赖、scms、发布、分发的方法。可以方便的编译代码、进行依赖管理、管理二进制库等等maven的好处在于可以将项目过程规范化、自动化、高效化以及…

C++程序设计——继承与派生

更多内容可以查看系列文章C语言入门全教程(持续更新) 目录 前言 一、继承的概念 1.楔子 2.派生类的定义 3.继承和派生的意义 4.案例1:派生类的定义 二、继承方式 1.公有继承(public) 2.保护继承(…

网络拓扑结构可视化呈现方案

随着数字化进程的加速,企业网络中设备的数量日益快速增长,网络规模逐渐庞大,组网结构、IT 环境变的无比复杂,需要花费大量的时间和资源去监测网络运行状态,诊断解决故障问题。面对不断趋向复杂化和多样化的网络规模和结…

Mac M1使用Docker报错 Failed to get D-Bus connection: No such file or directory的解决方案

0x00 前言 最近在Mac上安装docker的CentOS7镜像,打算开个sshd服务,使用命令: $ systemctl start sshd结果在启动sshd服务的时候提示报错: Failed to get D-Bus connection: No such file or directory0x01 运行环境 版本MacOS…

《Qt开发》基于QwtPolar的极坐标图绘制

QwtPolar绘制极坐标图 该示例包含以下功能: 使用QwtPolarPlot绘制极坐标曲线实现曲线的缩放和平移调整极坐标为顺时针顺序1. 创建项目 创建项目名称为QwtPolarDemo1,并添加一个Qt5Class类,命名为myPlot。 2. 配置项目 在项目——属性——C/C——常规…

【C++】——初识C++(一)

文章目录1. 进入C1.1 main()函数1.2 C注释1.3 C预处理器和iostream文件1.4 头文件名1.5 名称空间1.6 使用cout进行C输出1.6.1 控制符endl1.6.2 换行符1.6.3 使用cout进行拼接1.7 cin1.8 变量1.8.1 变量名1.9 常量1.10 关键字1. 进入C 第一个程序 // my…

构建数据大屏,塑造IT运维可视化核心竞争力

随着大数据、云计算等新兴技术的发展与运用,在金融、交通、教育、政府等行业的信息化在飞速发展。与此同时,各行业的IT建设与维护管理成本也在与日俱增,大量的运维工作下产生庞大的运维数据,如何进行运维数据可视化建设也逐渐成为…

qt之smtp-demo封装与测试

简介 SMTP是一种提供可靠且有效的电子邮件传输的协议,它建立在FTP文件传输服务上的一种邮件服务,主要用于系统之间的邮件信息传递,并提供有关来信的通知。 SMTP的工作过程是建立连接、邮件传送、连接释放。 SMTP的默认端口是25。…

游戏思考26:使用EASTL配合共享内存做自定义STL(未完待续12/27)

文章目录一、前置学习1&#xff09;萃取&#xff08;1&#xff09;迭代器所指对象的类型-value_type<1>第一个限制-返回参数需要指明迭代器的value_type<2>第二个限制坑点-不是所有迭代器都是class type&#xff0c;原生指针就不是<3>第三个限制坑点-如果针对…

2022-12版本的Rstudio它来了,它喊我升级了

1. Rstudio喊我升级 最近每一次打开Rstudio&#xff0c;总是推送给我最新版的Rstudio&#xff1a; 它之前不是这样的&#xff0c;那时候它所在的公司还叫Rstudio&#xff0c;现在改名叫Posit了&#xff0c;就开始推送了&#xff0c;也许它认为是重大的更新&#xff0c;也许他能…

【vue面试题-vuex】

vuex1.vuex是什么&#xff1f;怎么使用&#xff1f;哪种功能场景使用它&#xff1f;2.vuex有哪几种属性&#xff1f;3.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中&#xff1f;4.Vuex解决了什么问题&#xff1f;5.Vuex中状态储存在哪里&#xff0c;怎么改…

【LeetCode】1739. 放置盒子

1739. 放置盒子 题目描述 有一个立方体房间&#xff0c;其长度、宽度和高度都等于 n 个单位。请你在房间里放置 n 个盒子&#xff0c;每个盒子都是一个单位边长的立方体。放置规则如下&#xff1a; 你可以把盒子放在地板上的任何地方。 如果盒子 x 需要放置在盒子 y 的顶部&…

【webpack】cjs运行时分析

准备工作&#xff08;接上篇文章的示例也可以&#xff09;&#xff1a; 1. 在index.js文件中引入任一js文件 import sum from ./sum;const result sum(1,2); console.log(result);2. sum文件 const sum (a, b) > {return ab; }export default sum3. build.js文件 const…

离子交换法深度剖析

离子交换法 是一种借助于离子交换剂上的离子和污水中的离子进行交换反应而除去污水中有害离子的方法。 离子交换法的特点 离子交换过程是一种特殊的吸附过程&#xff0c;在许多方面与吸附过程类似。 与吸附法比较&#xff0c;其特点是:它主要吸附污水中的离子化物质&#xff…

怎样做一个不会被淘汰的车载诊断工程师

步入中年&#xff0c;不可避免会接触到所谓的中年危机&#xff0c;时刻在提醒自己提高自己的护城河&#xff0c;增强核心竞争力。但是这种事情也不是靠空想&#xff0c;还是要功夫下在平时。 自己是在2016年开始接触车载诊断方面&#xff0c;从事过诊断范畴的开发、测试、偏系…

程序员的圣诞节是怎么样的?

2022年圣诞节到来啦&#xff0c;很高兴这次我们又能一起度过~ 一、前言 圣诞节&#xff0c;先在这里祝大家圣诞节快乐~~&#xff0c;用英语来表达就是 Merry Christmas ~~&#xff0c; 为了贴合这个氛围&#xff0c;今天分享种用 Python 绘制圣诞树的方法。 最近用代码绘画圣诞…

非常易用的网络路径中的网络延迟测试和监控以及自动发送报告工具

非常易用的网络路径中的网络延迟测试和监控以及自动发送报告工具。 作为网络管理员或网络工程师&#xff0c;时刻关注网络的交付速度至关重要。不仅需要确保自己有良好的响应时间&#xff0c;还需要确保网络的速度足以满足用户通信所需的每一条路径。而手动测试每个路径将占用…

SpringBoot+Vue项目医院体检中心管理系统

文末获取源码 开发语言&#xff1a;Java 使用框架&#xff1a;spring boot 前端技术&#xff1a;JavaScript、Vue.js 、css3 开发工具&#xff1a;IDEA/MyEclipse/Eclipse、Visual Studio Code 数据库&#xff1a;MySQL 5.7/8.0 数据库管理工具&#xff1a;phpstudy/Navicat JD…

电脑文件数据恢复方法是什么?未备份电脑文件数据恢复的七种方法

在日常生活中&#xff0c;我们总会遇到这样或那样的事情&#xff0c;比如在使用电脑过程中出现文件数据丢失情况&#xff0c;那么在未备份文件下电脑文件数据丢失怎么恢复&#xff1f;电脑文件数据恢复方法有哪些&#xff1f;这里将根据不同情况分享不同的电脑文件数据恢复方法…