Es 6文字列テンプレート接合
2992 ワード
は日常開発に不可欠な一環である.注意:文字列は単一引用符
''
、または""
の二重引用符を使用することができます.分かりやすいため、文章の以下の内容は単一引用符''
を統一的に使用します.1つの文字列と1つの変数の接合だけであれば、伝統的な文字列の接合を使用すれば問題なく、
+
号と''
号だけでいいです.しかし、複数の文字列が変数に接続されている場合、+
号と''
号が山積みになり、コードが美しくないことがあります.従来の文字列接合
var name = 'moss';
var age = 18;
console.log('My name is ' + name + ' and I am ' + age + ' years old');
// :My name is moss and I am 18 years old
Es 6のテンプレート文字列は以上の問題を解決した.
2つの逆一重引用符
``
で囲まれた文字列が文字列テンプレートであり、文字列テンプレートでは${}
記号を使用して変数を参照することができます.(逆一重引用符``
Tab
ボタンの上)Es 6のテンプレート文字列接合
var name = 'moss';
var age = 18;
console.log(`My name is ${name} and I am ${age} years old`);
// :My name is moss and I am 18 years old
html文字列をつなぎ合わせると、
``
を使って見ることができます!var html = `
-
-
`