如何在Angular typescript或jquery中全局更新变量？

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  globalVariable: any;

  constructor() { }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="updateGlobalVariable()">Update Global Variable</button>
    <p>Global Variable: {{ dataService.globalVariable }}</p>
  `
})
export class ExampleComponent {
  constructor(public dataService: DataService) { }

  updateGlobalVariable() {
    this.dataService.globalVariable = 'New Value';
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-another-example',
  template: `
    <p>Global Variable: {{ dataService.globalVariable }}</p>
  `
})
export class AnotherExampleComponent {
  constructor(public dataService: DataService) { }
}

// 在全局范围内声明一个变量
var globalVariable;

// 更新全局变量
function updateGlobalVariable() {
  globalVariable = 'New Value';
}

// 访问全局变量
function accessGlobalVariable() {
  console.log(globalVariable);
}