Babelプラグインã®é †åºã¨allowDeclareFieldsã®å¦™ | Wantedly Engineer BlogBabelã§declareクラスフィールドを使ã†ãŸã‚ã«allowDeclareFieldsã¨ã„ã†ã‚ªãƒ—ションãŒã‚ã‚Šã¾ã™ã€‚一見ã™ã‚‹ã¨å˜ã«è¨å®šã§ã“れを有効化ã™ã‚Œã°ã„ã„よã†ãªæ°—ãŒã—ã¾ã™ãŒã€å®Ÿã¯æ£ã—ãã“ã®è¨å®šã‚’有効化ã™ã‚‹ã«ã¯ç½ ãŒã‚ã‚Šã¾ã—ãŸã€‚本記事ã§ã¯Babelã¨TypeScriptã®ã‚¯ãƒ©ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚µãƒãƒ¼ãƒˆã‚’ç´è§£ãã€æ£ã—ã„ç†è§£ã«ã‚‚ã¨ã¥ã„ã¦é©åˆ‡ãªè¨å®šã‚’紹介ã—ã¾ã™ã€‚ クラスフィールドã¨ã¯ã‚¯ãƒ©ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯JavaScriptã®Stage 3æ案ã§ã€ã‚¯ãƒ©ã‚¹ã®ç›´ä¸‹ã«å¤‰æ•°å®£è¨€ã®ã‚ˆã†ãªè¨˜æ³•ã§ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹å¤‰æ•°ã‚„クラス変数ã«ç›¸å½“ã™ã‚‹å®£è¨€ã‚’è¡Œãˆã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ class C { x; y = 42; static a; static b = 42; } console.log(new C().y); // => 42 console.log(C.b); // => 42TypeScriptã§ã¯åž‹å®šç¾©ã‚„修飾åã¨ã¨ã‚‚
{{#tags}}- {{label}}
{{/tags}}