什么是Angular中的依赖注入机制及其具体实现方法？

本文共计1801个文字，预计阅读时间需要8分钟。

本篇文章带大家了解依赖注入，介绍依赖注入解决的问题及其原生写法，并简单聊一聊Angular的依赖注入框架，希望对大家有所帮助！

在Angular项目中，经常能遇到依赖注入的问题。本文将探讨依赖注入的解决方法和Angular框架中的依赖注入机制。

本篇文章带大家了解一下依赖注入，介绍一下依赖注入解决的问题和它原生的写法是，并聊聊Angular的依赖注入框架，希望对大家有所帮助！

最近在Angular项目中经常能碰到依赖注入这个关键词，但是始终不理解它是怎么实现的，在Angular的官网上也只有关于它的使用，详细点的原理并没有说明，所以就下来我们就从原生的写法来讲解一下，依赖注入是用来解决什么问题的，他用js应该怎么去表现。

依赖注入是什么

依赖注入简称DI，是面向对象编程中的一种设计原则，用来减少代码之间的耦合度。

我们先来看一段代码

class Video{ constructor(url){} } class Note{ video: Video constructor(){ this.video = new Video("aaaaa.mp4") } getScreenshot(){ this.video.getScreenshot() } } const note = new Note() note.getScreenshot()

假设我们用一个视频类，它其中有一个方法 getScreenshot 获取截图，在实例化视频类的时候，需要传入一个视频 url 这样的参数。