属性问题成因咨询及属性异常问题（含Error标识）技术问询

Hey there! Let's break down these two questions about property issues clearly, based on common scenarios developers run into every day:

• 拼写/大小写错误：这是最常见的坑！比如在React里把className误写成class，或者把自定义属性userName写成全小写的username，框架或JS引擎识别不到对应属性就会报错。
• 未正确声明/初始化属性：比如在类组件里忘了在constructor里初始化state中的属性，或者在TypeScript接口里没定义某个属性却直接使用，都会触发未找到属性的错误。
• 类型不匹配：给属性传递了不符合预期的数据类型，比如给需要数字的age属性传了字符串"25"，或者给React组件的children属性传了一个对象而非可渲染节点，就会抛出类型相关错误。
• 作用域/上下文错误：在函数中访问this指向的属性时，this的上下文不对（比如普通函数未绑定this），导致无法正确读取属性，出现Cannot read property 'xxx' of undefined的错误。
• 框架/库的规则限制：比如Vue中如果没有在props选项里声明外部传入的属性，直接在模板或脚本中使用；或者在Redux中修改了state里的只读属性，都会触发框架自带的错误提示。

• 属性未定义/不存在：

  常见错误标识：

  Error: Property 'xxx' does not exist on type 'yyy'
  

  或者

  Error: Cannot read properties of undefined (reading 'xxx')
  

  这种情况大多是属性拼写错了，或者当前作用域里根本没定义这个属性。
• 属性类型不合法：

  常见错误标识：

  Error: Invalid prop: type check failed for prop "xxx". Expected Number, got String.
  

  多发生在使用类型校验的框架（如Vue、React TypeScript项目）中，传递的属性类型和预期不符。
• 必填属性缺失：

  常见错误标识：

  Error: Missing required prop: "xxx"
  

  当组件或函数要求某些属性必须传入，但调用时没提供就会触发这个错误。
• 只读属性被修改：

  常见错误标识：

  Error: Cannot assign to read-only property 'xxx' of object '#<Object>'
  

  比如修改了const声明的冻结对象属性，或者Redux state里的属性，这类属性不允许直接修改。

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