Angular Service怎样改善日志功能性

怎样改善Angular的日志使用方法？下边本文给大家介绍一下应用Angular里的Service管理方法控制台输出，改善日志功能性的方式，希望能帮助到大家！

改进在Angular 运用里的日志使用方法

Angular是一个深受大家喜爱的开发框架，前端工程师者们习惯在运用中应用console去调节他们的代码，但由于迭代开发/部署的必须，这种调试代码会被删除，不容易进到生产制造公布环境里。【有关实例教程强烈推荐：《angular教程》】

让 Angular 帮助我们完成隐私功能

Angular 为我们提供了将 Services 申请注册到运用里的作用，促使大家可以在部件中器重一些作用。

因而，我们可以利用Service来处理我们自己的控制台输出，进而改善日志作用。

1 : 应用Service来处理console

import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class LogService {

  constructor() {

  }
  trace(...data: any[]): void {
    console.trace(data);
  }
  log(...data: any[]): void {
    console.log(data);
  }
}

在AppComponent部件中使用这些:：

logService.log('console executed from AppComponent');

上边的代码很好理解，但是有一个难题，大家无法得知日志要在运用的哪一个部件中打印，除非是大家在日志信息中说明，比如图片中的日志信息内容说明它是来自于AppComponent部件，我希望日志的右边可自动说明它来源于哪一个部件，而非界定全部日志系统软件文件位log.service.ts:xx，而且不用大家在日志信息中手动式说明。

1.1: 应用logService.trace()

它可用作追踪日志的由来，看上去很非常好，可事实上他会添加一些不必要日志纪录。

2: logService旗舰版

import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class LogService {

  constructor() {

  }
  trace(source: string, ...data: any[]): void {
    console.trace(data);
  }
  log(source: string, ...data: any[]): void {
    console.log(data);
  }
}

与前边对比，旗舰版的logService类的方法接受附加的参数。

logService.log('AppComponent','console executed from AppComponent');

非常好

以上就是关于聊一聊Angular Service怎样改善日志功能性的具体内容，大量欢迎关注AdminJS其他类似文章！