web-dev-qa-db-ja.com

JavaScriptの `と 'の違い（ある場合）

最近、 `および 'を使用するJSコードに遭遇しました。アポストロフィごとに異なる用途があるかどうかはわかりません。何かありますか？

javascriptapostrophe
18
roscioli

'または "はstringを示し、`はtemplate stringを示します。テンプレート文字列には、通常の文字列にはないいくつかの機能があります。最も重要なのは、補間が行われることです。

var value = 123;
console.log('test ${value}') //=> test ${value}
console.log(`test ${value}`) //=> test 123

そして複数行の文字列：

console.log('test
test')
// Syntax error

console.log(`test
test`)
// test
// test

テンプレート文字列の詳細については、他にもいくつかのトリックがあります。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings

現時点では、すべてのJavaScriptエンジンでサポートされているわけではありません。これが、テンプレート文字列が Babel。 のようなトランスパイラーでよく使用される理由です。これにより、コードがJSインタープリターで機能するものに変換されます。

33
Alex Wayne