問題タブ [template-strings]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ES6でプレーン文字列をテンプレート文字列に変換するにはどうすればよいですか
ES6/ES2015 では、JSON ファイルから文字列をインポートしています。
今度は、その文字列を別の関数でテンプレート文字列として使用したいと考えています。私が見つけることができるすべてのドキュメントは、次のようになります
しかし、「プレーン」文字列をテンプレート文字列に変換する方法については何も見つかりませんでした。
これは可能ですか?
string - ES6 タグ付きテンプレート文字列が元の文字列テンプレートを提供しないのはなぜですか?
ES6 でテンプレート文字列のタグ関数を作成する場合、関数はliterals
パラメーターとパラメーターを取ることが期待されvalues
ます。
ただし、元の未評価の分解されたテンプレートへのアクセスは提供しません。たとえば、次のようにします。
またはおそらくliterals.originalTemplate
補完するプロパティliterals.raw
です。
これには特定の理由がありますか?私が考えることができる最善のことは、変数名がタグ関数に渡された場合、セキュリティ上の影響があるかもしれないということですか?
javascript - ES6 タグ付きテンプレートの実用的な使いやすさ
ES6タグ付きテンプレートの構文を理解しています。私が見ていないのは、実際の使用感です。jQuery の AJAXの設定のように、オブジェクト パラメーターを渡すよりも優れているのはどのような場合ですか?$.ajax('url', { /*this guy here*/ })
今はトリッキーな構文しか見えませんが、なぜそれが必要なのか、使用するのかわかりません。また、TypeScript チームが (1.5 で) 他の重要な機能の前に実装することを選択したこともわかりました。タグ付き文字列テンプレートの背後にある概念は何ですか?
javascript - divに複数行のテンプレート文字列を追加するには?
次のようなテンプレート文字列があります。
私が期待しているのは、このテンプレート コードが div の間に表示されることです。
index.html の私の div は次のとおりです。
追加をトリガーする私のJavaScriptコードは次のとおりです。
私の望ましい出力は次のとおりです。
私の出力は次のとおりです。
適切な間隔と行で希望する方法を提案してください。(temp.split('\n')).join('<br>')
別々の行で印刷しようとしtemp
ましたが、適切な間隔が確保されません。このような:
javascript - ES2015 テンプレート文字列が解析されない
開発で ES6/ES2015 機能の使用を開始しようとしていますが、連結の代わりにテンプレート文字列を使用しようとしています。
meteor.jsx
次のコードを含むファイルがあります。
これを実際の座標で呼び出すと
lat
変換も文字列への変換も行わずlon
、返される文字列に '${lat}' と '${lon}' を出力するだけです。私は何を間違っていますか?
javascript - ES6 テンプレート文字列を縮小または醜くする方法
何かのようなもの
生産します:
私が必要としているのは、他のすべての HTML 縮小ツールが行うように、余分なスペースとおそらく改行を取り除くことです。
したがって、次のようになります。
これを賢明かつ不滅にする方法はありますか?
javascript - 通常の文字列とテンプレート文字列のパフォーマンスの違いは?
現在、ESLintの優先テンプレートを使用して、文字列連結の代わりにテンプレート文字列を強制的に使用しています。
これにより、テンプレート文字列形式よりも通常の文字列を使用する必要があるかどうかを考えさせられました。
JSPerf は理想的なプロファイリング ツールではないことを認識していますが、少なくとも静的な文字列の場合、http://jsperf.com/es-string-vs-templateなどのパフォーマンスの低下は見られません。
javascript - JavaScript ES6 テンプレート文字列の型に一貫性がない
JavaScript ES6 の新しいテンプレート文字列を (問題があれば Firefox で) テストしているときに、それらの型にいくつかの矛盾があることに気付きました。
次のようなカスタム関数を定義しました。
最初に、テンプレート文字列を括弧で囲んで、関数を「通常どおり」テストしました。
予想通り、これは の型をstring
生成Hello, World!
し、コンソールに出力されました。
次に、括弧なしで関数を省略形で呼び出したところ、矛盾が発生しました。
型が になりobject
、Array [ "Hello, World!" ]
コンソールに出力されました。
2 番目の方法を使用すると、テンプレート文字列が配列にラップされるのはなぜですか? これは単なる Firefox のバグ (ES6は新しい標準です) ですか、それとも何らかの理由でこの動作が想定されているのでしょうか?