Angular - constructor的理解

最新推荐文章于 2024-07-25 23:34:23 发布
最新推荐文章于 2024-07-25 23:34:23 发布
阅读量3.2k 收藏 5
点赞数
分类专栏： Angular 文章标签： constructor ngOnInit
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhumizhumi/article/details/115551101
版权

之前一直在写vue,然后就直接转到了angular项目，写angular代码的时候有过两个想法有关于constructor
(1)constructor的用作是不是用于本组件的私有化？
(2)constructor和ngOninit都可以进行赋值，区别是什么？
然后今天有时间来看文档了，对上面的疑问解答
一、constructor的作用
官方术语: 多个服务实例化(沙箱式隔离)
解释: 在组件树的同一级别上，有时需要一个服务的多个实例。每个组件都需要该服务的单独实例，每个服务都有自己的工作状态，与其他组件和状态隔离，这就叫做沙箱化，因为每个服务和组件实例都在自己的沙箱里运行。
自己的理解: 沙箱化貌似没有私有化说来更易理解，其他框架也有私有化，私有化更通俗易懂，在教程-教程:英雄之旅-添加服务-把它注入到HeroService标题内容中，官方也是说了在官方文档中添加私有属性，所以沙箱化说成私有化无伤大雅的
二、constructor和ngOninit赋值的区别
constructor: 组件构造函数的赋值，应该只把局部变量设置为简单的值，应该是既简单又安全，比如说异步走接口过去数据就不应该在这里执行，因为在创建组件或者决定显示它之前，新组件都不会尝试联系远程服务器
ngOnInit(): 是组件获取初始数据的好地方

GllWyz
关注
专栏目录
angular的表单设计器 angular-form-builder
08-13
**Angular的表单设计器——Angular-Form-Builder** Angular-Form-Builder是一个强大的工具，用于在Angular应用程序中动态创建和管理表单...通过深入理解和实践，你可以构建出满足各种需求的自定义表单，提升用户体验。
angular constructor与ngOnInit用法区别与使用场景
nice444638562的博客
08-14 748
假设有一个组件需要在初始化时从后端获取数据，并在视图上显示。可以将数据获取的逻辑放在 ngOnInit 方法中，而对获取到的数据进行处理和赋值的逻辑放在构造函数中。Angular框架中，构造函数（constructor）和 ngOnInit 方法都属于组件的生命周期钩子函数，但它们有不同的作用和使用场景。在上面的例子中，构造函数用于初始化组件的实例变量，而 ngOnInit 方法用于获取数据并将其赋值给组件的。主要用于初始化组件的实例变量、注入依赖，以及执行一些与组件构建相关的操作。
angular学习总结-基本使用
阑珊伊人
02-22 1223
关于Angular上手学习，可以去官网把示例先敲一遍，边做边学习。 点我传送门 下面将介绍一些关于Angular的基本知识。 生命周期 当你的应用通过调用构造函数来实例化一个组件或指令时，Angular 就会调用那个在该实例生命周期的适当位置实现了的那些钩子方法。 钩子方法 说明 ngOnChanges() 如果组件绑定过输入属性，那么在 ngOnInit() 之前以及所绑定的一个或多个输入属性的值发生变化时都会调用。 （ 注意：如果操作频繁，会严重影响性能。） ngOnInit() 在
Angular哪些方法适合写在constructor中？
最新发布
金木AI
07-25 273
一般不建议在构造函数中进行复杂的逻辑操作或与视图相关的操作，如API调用或DOM操作，这些操作应放在生命周期钩子（如ngOnInit）中。1、依赖注入（Dependency Injection）：在构造函数中注入服务、路由器等依赖项。2、初始化简单的类属性：在构造函数中初始化简单的类属性。3、基础的设置操作：例如初始化配置参数。
Angular2--constructor和ngOninit的使用
qq_36545656的博客
02-27 2606
Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是ngOnInit。在TypeScript或ES6中还存在着名为constructor的构造函数，开发过程中经常会混淆二者，两者在含义上有部分重复，下面主要解析一下它们的区别和各自的使用场景。区别：constructor:Es6引入类的概念后出来的东西，是类自身的属性，并不属于angular，所以Angul...
Angular 使用笔记【依赖注入(有例子)】【constructor & ongOnInit】 【组件传值】【ngSwitch】
Lakeson
07-05 1111
1. constructor用法： constructor应该是ES6中明确使用constructor来表示构造函数的，构造函数使用在class中，用来做初始化和给属性赋值操作。当包含constructor的类被实例化时，构造函数将被调用。 constructor也有其用武之地，其主要作用是注入依赖。在constructor中注入的依赖，就可以作为类的属性被使用了。 construc...
angular-import
05-16
标题“angular-import”暗示了我们讨论的是Angular框架中的模块导入机制。Angular是一个流行的JavaScript框架，用于构建复杂的单页应用程序（SPA）。...理解这些概念对于有效开发和维护Angular应用程序至关重要。
angular-in-class
07-12
**Angular in Class 深入理解** Angular 是一个流行的开源前端框架，由 Google 主导开发，主要用于构建单页应用程序（SPA）。"angular-in-class" 可能是指在类（Class）层面探讨 Angular 的相关概念和实践。在这个...
angular-8-jwt-authentication-example：Angular 8 JWT认证示例
01-30
**Angular 8 JWT认证示例** Angular 8是一款流行的前端框架，用于构建高效、可维护的单页应用程序(SPA)。JWT（JSON Web Token）是一种安全的...理解并熟练掌握这些概念和技术，对于构建安全的Angular应用至关重要。
angular-es6:POC
06-18
**Angular与ES6** Angular，一个由Google维护的前端JavaScript框架，被广泛用于构建复杂的单页应用程序（SPA）。...通过学习和实践这个项目，开发者可以深入理解Angular和ES6的集成，提升开发技能。
详解Angular之constructor和ngOnInit差异及适用场景
12-09
Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是ngOnInit。但在TypeScript或ES6中还存在着名为constructor的构造函数，开发过程中经常会混淆二者，毕竟它们的含义有某些重复部分，那ngOnInit和constructor之间有什么区别呢？它们各自的适用场景又是什么呢？ 区别 constructor是ES6引入类的概念后新出现的东东，是类的自身属性，并不属于Angular的范畴，所以Angular没有办法控制constructor。constructor会在类生成实例时调用： import {Component} from
详解Angular 中 ngOnInit 和 constructor 使用场景
08-30
最初学习Angular的时候总是搞不清楚ngOnInit和constructor的区别，现在我们来稍微理一下两者之间的区别。
关于angular中的生命周期函数
Dominic_W的博客
03-06 703
生命周期函数，也叫生命周期钩子。Angular的每个组件（包括根组件和子组件）都存在一个生命周期，从创建、更新、到销毁，Angular提供组件生命周期钩子函数，
Angular中constructor和ngOnInit适用场景的差异化
WebDestiny的博客
03-03 587
区别 constructor是ES6引入类的概念后新出现的东东，是类的自身属性，并不属于Angular的范畴，所以Angular没有办法控制constructor。constructor会在类生成实例时调用： import {Component} from '@angular/core'; @Component({ selector: 'hello-world', templateUrl: 'hello-world.html' }) class HelloWorld { c
Angular组件生命周期详解
一个搬砖工人
11-02 1566
当 Angular 实例化组件类 并渲染组件视图及其子视图时，组件实例的生命周期就开始了。生命周期一直伴随着变更检测，Angular 会检查数据绑定属性何时发生变化，并按需更新视图和组件实例。当 Angular 销毁组件实例并从 DOM 中移除它渲染的模板时，生命周期就结束了。当 Angular 在执行过程中创建、更新和销毁实例时，指令就有了类似的生命周期。
Angular中Constructor 和 ngOnInit 的本质区别
chuorena的博客
09-12 1254
在Medium看到一篇Angular的文章，深入对比了 Constructor 和 ngOnInit 的不同，受益匪浅，于是搬过来让更多的前端小伙伴看到，翻译不得当之处还请斧正。 本文出处：The essential difference between Constructor and ngOnInit in Angular 难以译出原意的术语都在圆括号里给出原词了。下面开始正文！ ***
014_构造方法 (Constructor)
小于零
07-25 1422
构造函数 构造方法 构造器 语法结构： [修饰符列表] 构造方法名(形式参数列表) {          构造方法体; } 普通方法的语法结构 [修饰符列表] 返回值类型 方法名(形式参数列表) {          方法体; } 注：对于构造方法来说，"返回值类型"不需要指定，并且不能写void，只要写上void就变成普通方法了。 对于构造方法来说，构造方法名必须和类名一致 构造方法的作用 (构造方法的存在
constructor功能及用法
热门推荐
不能再菜
08-11 1万+
我们必须了解的一些概念： 所有的函数都有一个prototype属性，它是一个对象。 prototype有一个constructor的属性，默认是指向prototype所在的构造函数。 constructor会被实例继承。他的作用就是表名某个实例对象是由哪个构造函数产生的。如下，p是没有constructor 的，他的constructor 就指向P function P(){} const p = new P(); p.constructor === P // true 利用constructor
angular6继承类注意几点：
z15802933724的博客
09-13 4543
1：写成这样 export class a类 extends b类 implements OnInit { } 2：在引入服务依赖的时候写成这样 constructor(public technicalProductsService: TechnicalProductsService) { super(technicalProductsService); } 3：b类的属性在a类...
Angular2深入理解：TemplateRef与ViewContainerRef解析
"Angular2学习教程之TemplateRef和ViewContainerRef详解" 在Angular2（现在称为Angular）中，TemplateRef和ViewContainerRef是两种非常重要的服务...在开发复杂的单页应用时，理解并熟练使用这两个概念是非常重要的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值