React Native类构造函数忽略可选字段，浏览器中正常，问题出在哪？

这是TypeScript编译配置差异+原生JavaScript类属性行为共同导致的结果：

核心原因 #

name?: string是TypeScript的类型层面标记，本身不会在运行时给实例自动添加这个属性——只有当你给属性显式赋值时，它才会成为实例的自有属性。

1. 浏览器与React Native的编译差异 #

• 浏览器环境（比如Create React App或默认tsc配置）的控制台会结合TypeScript的类型信息做“友好展示”，哪怕实例实际没有name属性，也会显示name: undefined，但这不是运行时对象的真实结构。
• React Native用Metro+Babel编译TS，完全遵循原生JavaScript规则：未被赋值的类属性（包括可选属性）不会被添加到实例上，所以打印时只会显示phone: null。

2. 原生JS的类属性行为 #

在纯JS中，类里未赋值的属性不会出现在实例上：

class RegisterDto {
  phone = null;
  constructor() {
    console.log(this); // 输出 {phone: null}
  }
}
new RegisterDto();

浏览器的name: undefined只是TS类型的“虚拟展示”，并非真实存在的属性。

验证方式 #

在两种环境下执行console.log(Object.keys(new RegisterDto()))：

• 浏览器可能返回['phone', 'name']（受TS类型影响的展示）
• React Native只会返回['phone']，这才是实例的真实自有属性列表。

解决办法 #

如果需要React Native中实例始终包含name属性（哪怕是undefined），显式初始化即可：

class RegisterDto {
  phone: Nullable<string> = null;
  name?: string = undefined; // 显式赋值undefined

  constructor() {
    console.log(this);
  }
}

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