テンプレート内で関数を呼び出す (ES6 Template)
説明
ES6のテンプレートは単純な変数内容の出力だけでなく関数を呼び出して、その結果を出力することができます。テンプレート文字列内にある${〜}の部分で呼び出したい関数名を指定します。例えばvar s = `${multi8()}`の場合、multi8関数からの戻り値が変数sに入ります。
＊サンプルは2015年10月1日時点ではGoogle ChromeとFirefoxで動作します。
サンプルプログラム
// テンプレート内で関数を呼び出す
var text = "";
for(var i=1; i<10; i++){
text += `${i}×2 = ${calc(i, 2)}<br>`;
}
document.getElementById("result").innerHTML = text;
// 計算を行う関数
function calc(a,b){ return a*b; }