起航学习网

郑州app软件开发关于开发工具的使用效果怎么样，作为app软件开发人员，该如何了解这些开发工具呢？

许多的软件开发工程师在进行app软件开发的时候，一般都会使用一些开发工具来提高工作效率，下面达内小编就和大家一起来了解一下使用工具进行app开发都有哪些优势。

Angular 装饰器

在我们创建装饰器和了解为什么Angular 使用它们之前，我们先看看Angular 提供的不同类型的装饰器。主要右四个类型：

类装饰器，例如@Component 和@NgModule。

属性内部的属性装饰器，例如@Input 和 @Output。

方法内部的方法装饰器，例如@HostListener。

类构造函数中参数的参数装饰器，例如 @Inject

每个装饰器都有一个独特的作用，让我们看几个示例来扩展上面的列表。

类装饰器

Angular 提供了几个类装饰器。这些是我们用来表示类的意图时使用的顶级装饰器。例如，这些装饰器允许我们告诉Angluar 一个特定的类是一个组件或者是一个组件。装饰器允许我们定义类的意图而不用在类的内部写实际的代码。

请注意，不管这两个类本身是如何的它们实际上是相同的。在类中不需要任何代码去告知Angluar 这个类是component 还是module。我们需要做的只是修饰这个类，余下的工作交给Angular 就可以了。

装饰器方法

装饰器方法与装饰器属性非常相似，但是用来写方法的。 这可以用来在我们的类中修饰特定的方法。 一个很好的例子是@HostListener。 这使我们可以告诉Angular，当我们的主程序发生事件时，我们希望用事件调用装饰的方法。

属性装饰器

这些可能是第二个最常见的装饰器了。他们允许我们在我们的类内部装饰特定的属性 - 一个非常强大的机制。

我们来看看@Input()。想象一下，我们有一个属性，我们想要一个输入绑定。

如果没有装饰器，我们必须在我们的类中定义这个属性，以便TypeScript知道它，然后在其他地方告诉Angular我们有一个属性，我们希望有一个输入方法。

使用装饰器，我们可以简单地将@Input()装饰器放在属性的上方 - Angular的编译器会自动从属性名称创建一个输入绑定并将它们链接起来。

您可以在上面看到，如果我们扩展，重构或更改组件的API绑定和类内的属性名称，我们有两个单独的属性可以维护。然而，在Angular中，有一个属性exampleProperty被装饰，随着我们的代码库的增长，这个属性更容易更改，维护和追踪。

装饰器函数

装饰器实际上只是一个函数，就这么简单，并且随着装饰器的调用而被调用。一个装饰器方法被正在被装饰的方法调用装饰器的值，并且一个类装饰器将被被装饰的类所调用。

将数据传递给装饰器

当我们在Angular中使用装饰器时，我们传递一些特定于装饰器的配置。

例如，当我们使用@Component时，我们通过一个对象，并使用@HostListener，通过一个字符串作为第一个参数(事件名称，比如'click')和可选的字符串数组(如$事件)被传递到装饰的方法里。

让我们稍微修改我们上面的控制台代码来展示如何使用Angular装饰器。

装饰器参数

装饰器的参数十分有趣。 在将基元注入到构造函数中时，您可能遇到过这些问题，您需要手动通知Angular注入特定的提供程序。

创建一个装饰器

如果我们了解一个装饰器实际上正在做什么，然后再研究Angular如何使用它们，它会使事情变得更容易。要做到这一点，我们可以创建一个快速的装饰器示例。

装饰器实际上做什么

每种类型的装饰器共享相同的核心功能。 从纯粹的装饰角度来看，@Component和@Directive都以相同的方式工作，就像@Input和@Output一样。 Angular通过使用每种类型的装饰器的工厂方法来实现这一点。

让我们来看看Angular中最常见的装饰器@Component。

我们不打算用Angular创建这些装饰器的详细代码，因为我们只需要在更高的思维层面上理解它们就就可以了。

装饰器链

如果第一次在类上使用装饰器，它将创建一个新的数组，并将注释实例推入其中。 如果这不是在类上使用的第一个装饰器，则将其推送到现有的注释数组中。 这允许装饰器被链接在一起并且全部存储在一个地方。

存储元数据

装饰器的要点是存储关于我们已经创建过的类，方法或属性的元数据。例如，当你配置一个组件时，你提供了这个类的元数据，告诉Angular我们有一个组件，并且这个组件有一个特定的配置。

每个装饰器都有一个基本配置，你可以为它提供一些默认值。当使用相关工厂方法创建装饰器时，将传递默认配置。

如何使用装饰器

所以我们现在知道Angular如何使用以及为什么使用装饰器，但是他们如何实际应用于一个类?

如前所述，装饰器本身并不是JavaScript本身 - 目前TypeScript为我们提供了这一功能。 这意味着我们可以检查编译的代码，看看我们使用装饰器时会发生什么。

文章出自：http://qh.itpxw.cn/peixun/software/201737605.html

文章标题：达内教育为您介绍APP软件开发工具的使用效果

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉