私有类字段已在 Chrome 74 中提供caniuse https://caniuse.com/#feat=mdn-javascript_classes_private_class_fields. 我知道尽管已发货,私人课程领域仍然有截至 TC39 的提案状态 https://github.com/tc39/proposal-class-fields.
我们非常乐意在我们正在开发的 Web 组件库中使用这些。我们的构建设置完全支持这一点,并且代码按设计工作。
不幸的是,从表面上看,Chrome 开发者工具(截至版本 78.0.3904.97)仍然不支持此功能 - 尽管Chromium 问题声称相反 https://bugs.chromium.org/p/v8/issues/detail?id=8337.
调试时不仅不能查看私有类字段
而且缩进也完全固定在源视图中(我们正在使用源映射)。在 Visual Studio Code 1.39.2 中也发现了同样错误的缩进行为(我认为这就是我在 Chrome 开发人员工具中看到这种错误缩进的原因)。
VS Code linter 还显示Invalid character
:
我试图研究这方面的信息,但没有找到任何实质性的信息。
有没有人有任何参考/知识
- 这应该可以工作吗(我期望 5 个版本前发布的功能,也许在标志后面?),
- if not, when这行得通吗
- 有什么方法可以在 VS Code 中启用对私有类字段的支持(例如通过插件)?
我能找到什么:
-
Chromium 问题 8337:在 GetInternalProperties 中包含私有字段 https://bugs.chromium.org/p/v8/issues/detail?id=8337状态:已修复(已关闭)
- Typescript 问题(自 2016 年以来一直持续) https://github.com/microsoft/TypeScript/issues/9950
- VS Code 问题(标记为上述 Typescript 问题的重复项) https://github.com/Microsoft/vscode/issues/72867
这什么时候能发挥作用?
- Chrome 77 中引入了显示私有类字段 https://developer.chrome.com/blog/new-in-devtools-77/#privateclassfields
- Chrome 101 中改进了它们的显示 https://developer.chrome.com/blog/new-in-devtools-101/#private-props
- 使用Chrome 111,您可以直接从控制台访问私有字段 https://developer.chrome.com/blog/new-in-devtools-111/#misc
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)