Angular中CounterService计数不生效求助：疑似变量引用异常

核心问题原因 #

1. 基本类型的「值传递」特性：JavaScript中数字属于基本类型，当你把this.Counter.activeToInactive（数值）传给incrementStatusCount函数时，传递的是当前值的副本。函数内对statusCount++的修改只会作用于这个副本，完全不会影响CounterService类里的activeToInactive或inactiveToActive原变量。
2. 逻辑判断错误：就算忽略值传递问题，你在函数里的if判断逻辑也是反向的——你拿递增后的副本值和原变量初始值比较，自然永远不相等，不会触发console输出。

修复方案 #

方案1：传递标识区分要递增的计数器 #

修改CounterService，让函数接收一个标识字符串，直接对应修改类内的属性：

export class CounterService {
    // 初始状态
    activeToInactive = 0
    inactiveToActive = 0
    
    incrementStatusCount(type: 'activeToInactive' | 'inactiveToActive') {
        // 直接修改对应属性
        this[type]++;
        // 根据类型输出日志
        if (type === 'activeToInactive') {
            console.log(`${this.activeToInactive} - active to inactive`)
        } else {
            console.log(`${this.inactiveToActive} - inactive to active`)
        }
    }
}

然后修改TransferService的调用逻辑，传递对应的标识：

import { Injectable } from "@angular/core";
import { CounterService } from "./counter.service";

@Injectable()
export class transferService {

    constructor(private Counter: CounterService) {}
    activeUsers = ['Max', 'Anna'];
    inactiveUsers = ['Chris', 'Manu']  
    
    setToInactive(id: number) {
        this.inactiveUsers.push(this.activeUsers[id]);
        this.activeUsers.splice(id, 1);

        // 传递标识字符串
        this.Counter.incrementStatusCount('activeToInactive')
    }
      
    setToActive(id: number) {
        this.activeUsers.push(this.inactiveUsers[id]);
        this.inactiveUsers.splice(id, 1);

        // 传递标识字符串
        this.Counter.incrementStatusCount('inactiveToActive')
    }  
}

方案2：拆分独立的递增方法（更直观） #

如果不想用标识传递，可以给CounterService拆分两个独立的递增方法，逻辑更清晰：

export class CounterService {
    activeToInactive = 0
    inactiveToActive = 0
    
    incrementActiveToInactive() {
        this.activeToInactive++;
        console.log(`${this.activeToInactive} - active to inactive`);
    }

    incrementInactiveToActive() {
        this.inactiveToActive++;
        console.log(`${this.inactiveToActive} - inactive to active`);
    }
}

TransferService里直接调用对应方法：

// setToInactive方法内
this.Counter.incrementActiveToInactive();

// setToActive方法内
this.Counter.incrementInactiveToActive();

补充：关于引用传递的知识点 #

JavaScript中只有**引用类型（对象、数组、函数等）**是引用传递，传递的是内存地址的引用，修改引用指向的内容会影响原变量。而基本类型（数字、字符串、布尔值、null、undefined）都是值传递，传递的是值的副本，修改副本不会影响原变量。你这次的问题正好是混淆了这两种传递方式导致的。

内容的提问来源于stack exchange，提问作者Yousef