問題タブ [template-strings]

次のコードでタグ付きテンプレート文字列を使用しています

しかし、それは与えます

Uncaught SyntaxError: Unexpected token ...(…)

の上function tag(strings, ...values) {

JavaScript がテンプレート文字列をオブジェクト プロパティ キーとして許可しないのはなぜですか? たとえば、次のように入力すると:

NodeJS REPL にSyntaxError、長いスタック トレースと共に「予期しないテンプレート文字列」をスローします。ただし、プロパティ値は問題ありませんが、これは予想外のことではありません。ブラウザでも同様のエラーが発生します。たとえば、Firebug がSyntaxError「無効なプロパティ ID」をスローします。

テンプレート文字列は、「計算されたプロパティ名」で許可されています。たとえば、これは次の構文をサポートするすべてのブラウザーで完全に正常にコンパイルされます。

そしてオブジェクトを作成します{"bar1": "baz"}。

テンプレート文字列がリテラル オブジェクト キーとして許可されないのはなぜですか? パフォーマンス上の理由ですか？テンプレート文字列は、おそらく実行時にコンパイルする必要があります (間違っていたら訂正してください)。つまり、このオブジェクトに遭遇するたびに、インタープリターはオブジェクト名を計算する必要があります。「調理された」テンプレート文字列などを考慮に入れると、遅くなる可能性があるように見えますが、ES5 以降にはゲッターとセッターがありました。Firefox はこれをエラーとして言及していません。構文は将来的に許可されますか?

WebStorm(11.0)の最新バージョンにアップグレードしました。

私は自分のコードにその構文でrequireを持っています:

問題は、WebStorm が次のように言うことです。

モジュールがインストールされていません

そして、私がヒットするyellow bulbと、提案が表示されます:

'`..' をインストール

PS以前、古いバージョン（10.X-正確には覚えていません）を使用したとき、エラーは発生しませんでした。

このように、反応するネイティブアプリ（rnバージョン0.16）でタグ付きテンプレート文字列を使用しようとしています

例外が発生します - 「babelHelpers.taggedTemplateLiteral」は未定義です。

次のようなテンプレート文字列のみを使用する場合:

それは働いています。

0.16 rn はバベル 6 に移動したため、rn 固有のものだけではない可能性があります。チェックパッケージャーと「babel-plugin-transform-es2015-template-literals」が含まれています。

何か案が？

ES6 テンプレート文字列を認識するという制限を回避するgettext必要があり、コードに「通常の」文字列のみを含めるために、コンパイル手順としてテンプレート文字列の「補間されていない値」を取得することを考えました。

基本的に私が達成したいのは、これを変換することです

これに

これを達成するための残忍な方法の 1 つは を使用するsedことです。

より良い、よりクリーンなアイデアが頭に浮かびますか?

ファイルから読み取ったコンテンツをテンプレート文字列として使用する方法があるかどうか疑問に思っていましたか?

例: 私のファイル hello_world.txt :

そして、（nodejsを使用して）次のようなもの：

eval() 関数を使用すると可能に思えますが、私はこの解決策があまり好きではありません。

ありがとう

vue.js で es6 template-string を使用できないのはなぜですか?v-bind:style

これは機能します：

しかし、これは黙って失敗します:

(私はもちろん、es6 ブラウザーとの互換性を認識しており、テンプレート文字列をサポートするブラウザーを使用しています)

prefer-templateeslint からエラーが発生しました。回避策として、次のように関数require内にネストされたテンプレート文字列を関数内で使用するようにコードを変更しました。url

ただし、明らかにエラーが発生しました。これは私が以前に使用していたコードrequireで、テンプレート文字列の代わりに関数内で連結されたプラス記号です。

ネストされたテンプレート文字列を定義することは可能でしょうか?