从私有静态成员看 TypeScript 和 ES 规范的冲突,请问大佬该写法是否有解决方案或 TS 相关的最新提案? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
JayLin1011
V2EX    TypeScript

从私有静态成员看 TypeScript 和 ES 规范的冲突,请问大佬该写法是否有解决方案或 TS 相关的最新提案?

  •  
  •   JayLin1011 2020-12-12 12:10:06 +08:00 2566 次点击
    这是一个创建于 1764 天前的主题,其中的信息可能已经有所发展或是发生改变。

    初学 TypeScript 遇到几个问题和疑惑:

    1. 静态属性修饰符 static 和私有类字段前缀 # 互斥;
    2. 类字段定义的实例属性作为方法使用时,装饰器语法失效;
    3. 私有属性修饰符 private# 定义的属性的行为差异,前者开发时提示,编译后类外部仍可以访问该属性,类似伪私有属性,后者任何时候都不能在类外部访问。

    对于问题 2 和问题 3,我能结合 JS 求同存异,对于问题 1,是我最不能理解的一点。TypeScript 作为 Javascript 的超集,在我未正式接触的感知中,我一直以为是完全兼容 JS 语法或者说直觉是对 ES 规范的一种更强大的实现,问题 1 语法在高版本浏览器即使不借助 Babel 编译转化也可以正常执行,TS 却不支持,这是我标题的想要表达疑惑所在,想请问有没有具体的解决方案或者进程中的提案。

    我的方案(目前测试项目是基于 rollup 构建的):

    1. rollup & Babel 生态支持伪 TypeScript [ Done ] 借助 Babel 的预设或者插件可以解决问题一,但这是会丧失 type check,这显然违背了使用 TS 的初衷,不到万不得已本人并不想采用此方案;

    2. rollup & TypeScript [ TODO ] 使用了 rollup 的 TypeScript 插件,其中在 TS 编译之前转化代码的 before 钩子配置,我尝试使用 Babel 的编译功能作为 TS 编译的前置钩子,也就是在 TS 真正编译之前先让 Babel 转化 static #propName 语法,然后再让 TS 编译,目前是理论阶段,因为我的工厂函数失效了,不知道有没有大佬尝试过 before 转化这种 rollup 的 TS 插件配置,请问此思路是否存在可行性。

    6 条回复    2021-01-18 02:21:21 +08:00
    anguiao
        1
    anguiao  
       2020-12-12 12:43:39 +08:00 via Android
    没有系统学过 TS,但是私有属性好像还在 stage 3 吧,并没有正式发布。
    而且刚刚搜了一下,TS 3.8 的公告里面有提到支持了私有属性。
    JayLin1011
        2
    JayLin1011  
    OP
       2020-12-13 01:36:26 +08:00
    @anguiao 感谢回复,这个更新我知道,默认安装 LTS 版本已经就是 v4+了, `#` 前缀一直可以使用,问题主要在于和 `static` 的共同工作,以及 AST 层面的 `trnasformer` 实现。
    MrYELiex
        3
    MrYELiex  
       2020-12-13 09:58:08 +08:00
    有啥办法 谁让 es 规范用这种奇奇怪怪的关键字做私有变量 用是不可能用的 这辈子都不可能 只有靠 ts 了
    JayLin1011
        4
    JayLin1011  
    OP
       2020-12-13 14:57:28 +08:00
    @MrYELiex 本末倒置,规范才是根本,就好像先有构造函数才有对象,JS / TS 之类的语言都是根据 ES 规范这个构造函数来实例化的, 而且 TS 这是伪私有变量,肯定要有一个真正实现私有的变量的提案。
    JayLin1011
        5
    JayLin1011  
    OP
       2020-12-13 23:31:29 +08:00
    此问题已解决。

    借鉴了 `Vue.js` 源码工程化方案和 `TypeScript` 的官方推荐后,使用改进版的方案 1+,即使用 `rollup.js & Babel` 生态支持 `TypeScript` 语法和生成 JS 文件,使用 `tsc` 检查类型和生成声明文件。

    PS: 关于方案 2 的 `transformer` 可以加强 `AST` 的认知和 `Babel` 生态的了解。
    xcstream
        6
    xcstream  
       2021-01-18 02:21:21 +08:00
    要么改 ts
    要么放弃兼容
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2398 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 01:18 PVG 09:18 LAX 18:18 JFK 21:18
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86