ユーザ用ツール

サイト用ツール


ecmascript:template_literal

Template Literal

テンプレートリテラル

const a = 'world';
const s = `Hello ${a}!`;
console.log(s)                // => Hello world!と出力

タグ付きテンプレートリテラル

function uc(strings, ...values) {
  return String.raw({raw: strings}, ...values.map(v => v.toUpperCase()));
}

const a = 'world';
const s = uc`Hello ${a}!`;
console.log(s);               // => Hello WORLD!と出力

String.rawメソッド

テンプレートリテラルを使わずに、同様の処理を実装できる。

const a = "Sun";
const b = "platet";

`the ${a} is not a ${b}.` ===  String.raw({raw:[ "the ", " is not a ", "."]}, a, b);
ecmascript/template_literal.txt · 最終更新: 2018/10/29 07:33 by nullpon