Clever Geek Handbook

Plonger dans l'injection de dépendance (DI) ou comment déchiffrer la matrice

Il y a longtemps, dans une galaxie lointaine, lorsque les sƓurs Wachowski Ă©taient encore frĂšres, l'intelligence artificielle en la personne de l'Architecte a asservi l'humanitĂ© et crĂ©Ă© la Matrice ... Bonjour Ă  tous, voici Ă  nouveau Maxim Kravets de Holyweb, et aujourd'hui je veux parler d'injection de dĂ©pendance, c'est-Ă -dire d'injection de dĂ©pendance, ou simplement de DI. Pourquoi? Peut-ĂȘtre que vous voulez juste vous sentir comme MorphĂ©e, disant le sacramentel : "Je ne peux pas vous expliquer ce qu'est DI, je ne peux que vous montrer la vĂ©ritĂ©."  





Formulation du problĂšme

Ici. Jetez un Ɠil Ă  ces oiseaux. Il existe un programme pour les gĂ©rer. D'autres programmes contrĂŽlent les arbres et le vent, le lever et le coucher du soleil. Les programmes sont amĂ©liorĂ©s. Ils font tous leur part du travail.





Pythie





, , —  , . , . —  ? , . , ?





? , , , .





, , .





? , (, ), (Injection) , , , . 





, , : , ? — (Dependency) .





? — . Dependency Injection — . — , ? 





, : « ». — . . ? . 





, - — , ! 





. , , , ! — , .





, . , , . DI — . . matrix, , . , , , , , , whoWin():





class Matrix {
  agent = {
    name: 'Smith',
    damage: 10000,
  };

  human = {
    name: 'Cypher',
    damage: 100,
  };

  whoWin(): string {
    const result = this.agent.damage > this.human.damage
      ? this.agent.name
      : this.human.name;
    return result;
  }
}

const matrixV1 = new Matrix();
console.log(‘ ’, matrixV1.whoWin());

, , , .





  Smith

, , , , - — . , , . — . , . .





class Human {
  name;
  damage;

  constructor(name, damage) {
    this.name = name;
    this.damage = damage;
  }

  get name(): string {
    return this.name;
  }

  get damage(): number {
    return this.damage;
  }
}

class Matrix {
  agent = {
    name: 'Smith',
    damage: 10000,
  };
 human;

  constructor(challenger) {
    this.human = challenger;
  }

  whoWin(): string {
    const result = this.agent.damage > this.human.damage
      ? this.agent.name
      : this.human.name;
    return result;
  }

Human, , . — . , ?





const Trinity = new Human('Trinity', 500);
const matrixV1 = new Matrix(Trinity);
console.log(' ', matrixV1.whoWin());

, « » (), , , .





  Smith

! , ? , Matrix Human! , , , !





class Human {
 

  get damage(): number {
    return this.damage * 1000;
  }
}

...





?

? , Matrix challenger, , damage, . , , ! — . ? , damage, power? strength?





! Dependency inversion principle, (DIP). , , , «» , Dependency inversion (DI), .





, :





  1. . .





  2. . .





? , , , .





Matrix AbstractHuman, Human — :





abstract class AbstractHuman {
  abstract get name(): string;
  abstract get damage(): number;
}

class Human implements AbstractHuman{
  name;
  damage;

  constructor(name, damage) {
    this.name = name;
    this.damage = damage;
  }

  get name(): string {
    return this.name;
  }

  get damage(): number {
    return this.damage;
  }
}


class Matrix {
  agent = {
    name: 'Smith',
    damage: 10000,
  };
 human;

  constructor(challenger: AbstractHuman) {
    this.human = challenger;
  }

  whoWin(): string {
    const result = this.agent.damage > this.human.damage
      ? this.agent.name
      : this.human.name;
    return result;
  }
}

const Morpheus = new Human('Morpheus', 900);
const matrixV2 = new Matrix(Morpheus);
console.log(' ', matrixV2.whoWin());

, — . 





  Smith

, ? Matrix Human — . Human , — «» AbstractHuman () , . .





, ! , , — 
 , . 





      Smith
      Smith

, , , . , : 





...
class TheOne implements AbstractHuman{
  name;
  damage;

  constructor(name, damage) {
    this.name = name;
    this.damage = damage;
  }

  get name(): string {
    return this.name;
  }

  get damage(): number {
    return this.damage * 1000;
  }
}


const Neo = new TheOne('Neo, 500);
const matrixV5 = new Matrix(Neo);

!

, ? Matrix, Human, . . — . 





, , , , . , , !





, , — Inversion of Control (IoC). 





, , (, ) (, ). ( ) — . 





, DIP ( ) — IoC.





- -?

—  . , singleton multiton — (), (). 





, .





  • ,





  • , ,





  • ( ),





  • , , .





: - / (Service Locator), - DI, IoC Container. .





, (). , . Angular —  Injectable.





@Injectable()
export class SomeService {}

IoC . 





SomeService, , . 





-, —

—  , . , , . , «» , , . , , .





—  , « » « - ». , . new, «», , .





, ?

, «» - , IoC?  





1 — .





  • , -. 





  • DI. .





  • , .





  • — , , «», — IoC . 





2 — .





  • — , -.





  • — , Y. 





  • , Y , X.





  • — , , . .





3 — .





  • — .





  • production — «» .





  • — , .





  • — , , .





, , , DI, . . —  , . , , , DI. 





Si vous avez des questions ou des ajouts sur le sujet, je serai heureux de continuer la communication dans les commentaires. Ecrire, de quoi parler dans le prochain article ? Et si vous voulez mieux nous connaĂźtre , je suis toujours en contact avec Telegram @maximkravec . 







More articles:


All Articles