問題タブ [template-literals]

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.

0 投票する
1 に答える
1766 参照

yeoman - es6 テンプレート リテラルの EJS エラー

Yeoman Express アプリ ジェネレーターを作成し、テンプレート リテラルを含むテンプレート js ファイルを使用しています。出力ファイルにこの行を含めたい

しかし、 ${apiVersion} はテンプレート値として解釈されており、エラーが発生していると思います

使用せずにこれを回避するにはどうすればよいですか

?? ありがとう!

0 投票する
2 に答える
1924 参照

javascript - JavaScript/p5.js で 1 行の文字列を複数行の文字列に分割する

p5.j​​s スケッチを介して JavaScript で呼び出している .csv ファイルがあります。フィールドの 1 つには、103 文字から 328 文字の範囲の文が含まれています。私のスクリプトはデータを呼び出し、キャンバスにランダムに表示します。一部の文章は非常に長いため、キャンバスにうまく収まらないため、2 行または 3 行の文字列に分割したいと考えています。

JavaScript のドキュメントでTemplate LiteralsRegExpを読みましたが、すべての例で変数として書き出された文字列変数を使用しています。たとえば、私のデータの場合は次のようになります。

これTemplate Literalは、複数行のオブジェクトとしてキャンバスに印刷されます。しかし、私がする必要があるのは、JavaScript に、データ内のステートメント配列から複数行のオブジェクトを作成させることです。

文の色、サイズ、x/y 配置、および動きをフォーマットすると がconstructorあります。prototype

だから私が疑問に思っているのは、データにRegExp, likeを作成してString.split("[\\r\\n]+")追加する必要があるかどうかということだ\r\nと思います。で試してみましたがStatement.display.prototype、ステートメントが読み込まれないため、スクリプト全体が壊れているように見えました。

編集:最小限の、完全な、検証可能な例を作成しなかったために釘付けになったので、この編集をいくつかの恐怖で追加しています。そうは言っても、これが私のコードの上部です。

分割しようとしているデータ型のコンテキストを提供するためだけに追加しました。分割を行うことができるポイントが 2 つあるようです:statementセットアップで作成された配列、またはstatementsコンストラクターからの配列です。つまり、データ ファイルに移動して\n分割したい場所を追加した場合、これは 20 個のステートメントしかないので簡単ですが、RegExpこれらの行を分割する をどのように、どこで作成するのが最善でしょうか?

0 投票する
4 に答える
5948 参照

javascript - テンプレート化された式なしで ES6 テンプレート リテラル構文を使用することの欠点はありますか?

JavaScriptソースファイルのすべての文字列にバックティックテンプレートリテラル構文を使用しない理由(パフォーマンスまたはその他)はありますか? もしそうなら、何?

私はこれを好むべきですか:

これ以上?

0 投票する
5 に答える
21652 参照

javascript - JavaScript テンプレート リテラル (テンプレート文字列) のドル記号をエスケープする

JavaScript ES6 Docs Hereの新しいテンプレート リテラル (テンプレート文字列) 構文を使用していますが、文字列を分割してパラメーターを追加するために使用されるドル記号をエスケープする方法がよくわかりません。

これが私がやろうとしていることです:

それはうまくいきます...しかし、私は本当にそのスペースを持たないことを望みます$ ${title}

最終結果は次のようになります。

...購入金額は25.99ドルです...

私は本当にむしろ好むだろう

... 購入金額 $25.99 ...

それは問題ないと思います、または明らかにまだ機能する古い方法を使用できますが、これを修正する方法を知っておくとよいでしょう. Mozilla docs にリンクしましたが、そこには何も見つかりません。誰かがこれを修正する方法を知っていることを願っています

0 投票する
4 に答える
884 参照

javascript - タグ関数からネイティブ es6 テンプレート文字列置換を呼び出す方法は?

テンプレート リテラル用の es6 タグ関数を作成しています。これは、最初に文字列内の条件をチェックし、条件が見つからない場合は、テンプレート リテラルをタグ付けされていないかのように解釈するだけです。タグ関数から、ブラウザのネイティブ テンプレート リテラル関数を呼び出す方法があるかどうか興味があります (これは、自分で実装した関数よりも高速であると想定しています)。おまけ: これで、htmlEscape(unindent foobar);などのタグ構成の機会が得られるのではないでしょうか。

例えば。

私自身の実装された関数 - ブラウザが行うことを呼び出すためのより高速な方法/方法はありますか?

0 投票する
4 に答える
2581 参照

intellij-idea - IntelliJ IDEA での ES6 テンプレート リテラル (バッククォート) のテキストの強調表示

バッククォート内のテキストの緑色の背景の強調表示を削除するには、設定のどこを見ればよいですか? HTML以外のファイルのHTMLに関連していると思いますが、おそらく引用符やバッククォートとは関係ありません。私はできる限り設定を検索してきました。

ここに画像の説明を入力