JS新手求助：如何在控制台输出addOns的值？

嘿，我来帮你搞定这个小问题～ 你的代码里有几个小细节需要调整，我一步步给你说清楚：

核心问题分析 #

你没法正确输出addOns，主要是**this指向不对**，再加上如果用TypeScript的话，private修饰符的使用场景搞错了，导致无法正确访问到目标属性。

分场景修正代码 #

情况1：普通JavaScript环境（非TypeScript）

如果是写普通JS，直接去掉private，然后通过变量名直接访问addOns就行，不用依赖this：

const sports = { 
  networkNo: 241, 
  startDate: "04/10/2018", 
  endDate: "04/24/2018", 
  addOns: [ "sports" ] 
} 

// 用逗号代替+，能保留数组的原始格式，调试更清晰
console.log("sports.addOns--->", sports.addOns);

情况2：TypeScript类中使用

如果是在TS的类里定义sports，private是合法的类成员修饰符，但必须把console.log放在类的方法（比如构造函数）里，才能通过this正确访问到属性：

class SportsModule {
  private sports: any = { 
    networkNo: 241, 
    startDate: "04/10/2018", 
    endDate: "04/24/2018", 
    addOns: [ "sports" ] 
  };

  constructor() {
    console.log("this.sports.addOns--->", this.sports.addOns);
  }
}

// 必须实例化类，才会执行构造函数里的打印逻辑
new SportsModule();

为什么之前的代码无法运行？ #

1. private的使用限制：private是TypeScript专属的类成员修饰符，只能用在类的属性或方法上，全局作用域写private会直接触发语法错误。
2. this的指向问题：如果你的console.log不在类的方法内部，浏览器环境下this默认指向window对象，自然找不到this.sports。
3. 字符串连接的小坑：用+连接数组时，JS会自动把数组转成字符串（比如["sports"]会变成"sports"），用逗号分隔参数能保留数组的原始结构，更利于调试。

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