Shared service in angular

מנצפך

אני מנסה לעשות שירות משותף באנגולר לצורך העברת מידע בין ראוטרים שונים.

אני יודע שיש כל מיני דרכים להעביר את המידע, אבל אני מנסה להבין למה הקוד הבא לא עובד כראוי:

יש לי service בשם DataService שמכיל אובייקט בשם product

import { Injectable } from '@angular/core';
import { Product } from './product';
@Injectable({
  providedIn: 'root'
})
export class DataService {
  constructor() {
    this.product = {
      name: "Keyboard", id: 1
    }
  }
  public product: Product;
}

אני ניגש אליו מתוך appComponent

import { DataService } from './data.service';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  product;
  dataService: DataService;
  constructor(dataService: DataService) {
    this.dataService = dataService;
    this.product = this.dataService.product;
    this.dataService.product = {
      name: "Computer", id: 1
    }
  }
}

ואני מציג אותו ע"י ה app.component.html

{{product | json}}

ציפיתי שאחרי שאשנה את המופע של ה dataService.product ל "Computer" בשורה 14, גם ה this.product ישתנה.
כי הרי חיברנו אותם בשורה 11?
למעשה זה לא קורה.
מה ההסבר לזה?

yossiz

@מנצפך אמר בShared service in angular:

ציפיתי שאחרי שאשנה את המופע של ה dataService.product ל "Computer" בשורה 14, גם ה this.product ישתנה.

לא
אם היית עושה:

this.dataService.product.name = "Computer";

אז זה היה עובד.
אבל יצרת אובייקט חדש. אז dataService.product מצביע על החדש אבל this.product עדיין מצביע על הישן.

מנצפך

ואוו. מעניין.
חדש לי.
ככה זה גם ב C#?

dovid

@מנצפך כן.

yossiz

@מנצפך כן, ברור. (אני לא מומחה ב-#C, אבל להבנתי זה כך).
אגב, אם אתה כותב ב-#C אז אתה חייב להכיר את ההבדל בין reference type ל-value type. אז גם ב-JS, אובייקט מתנהג כמו reference type, ו-primitive מתנהג כמו value type. אבל המצביע של האובייקט עובד כמו value type. לכן כאשר אתה כותב:

this.product = this.dataService.product;

אתה מעתיק את המצביע.
לכן כאשר אתה משנה את הערך של dataService.product זה לא משפיע על הערך של this.product.

(מקווה שכוונתי פחות או יותר ברור...)

dovid

אני מנסח בראש שלי ככה:
כל שם של משתנה מייצג מקום נפרד ושונה בזיכרון.
הסיבה שיכול להיות ש a.name ישפיע על b.name היא בגלל שהתוכן של a וגם b מצביעים על אובייקט אחד, שאין לו שם ישיר.
אבל גם אז, הa והb הם שני אחסונים שונים בזיכרון. לכן הצבה בa לעולם לא תשפיע על b.

יוסף בן שמעון

@מנצפך אמר בShared service in angular:

הערה צדדית, חלק מזה מיותר:

export class AppComponent {
  product;
  dataService: DataService; // מיותר
  constructor(dataService: DataService) {
    this.dataService = dataService; // מיותר
    this.product = this.dataService.product;
    this.dataService.product = {
      name: "Computer", id: 1
    }
  }
}

TS עושה את זה לבד, רק תגדיר אם זה פרטי או ציבורי
https://www.typescriptlang.org/play?#code/MYGwhgzhAECCAO8DCB7AtvFA7AplgLgN4CwAUNBdMNhPgE4Cuw+KdAFPAwEYgCWw0ACZh8YAMo46AN344AXNDBYAngEpCAXzIagA

תחומים - פורום חרדי מקצועי

Shared service in angular