underscore.jsにて（ドットインストールの入門編最終段階）

回答率: 85.48%

質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

新規登録して質問してみよう

ただいま回答率: 85.48%

トップ JavaScriptに関する質問

Q&A

解決済

1回答

1990閲覧

underscore.jsにて（ドットインストールの入門編最終段階）

総合スコア51

0グッド

2クリップ

投稿2015/03/30 03:07

0

2

underscore.jsをドットインストールで勉強していますが、最後の第10回でJSコンソールに想定しているデータが表示されません。
以下、作成したindex.htmlの内容

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>underscore.js</title> </head> <body> <script src="underscore-min.js"></script> <script> (function() {

  var x;
  var user = {
      name: 'taguchi',
      score: 50,
      web: 'http://dotinstall.com'
  };

  var tpl = "<li><%- name %>(<%- score %>)</li>";
  x = _.template(tpl, user);

  console.log(x);

})();

</script> </body>

と書いて、ChromeのJSconsoleで見ると、

function (n){return o.call(this,n,m)}

と表示されます。

本当は、<li>taguchi (50)</li>と表示されなければいけません。
どうしたら良いでしょうか？

行動規範の内容に同意します

回答1件

0

ベストアンサー

多分、underscore.jsの仕様が変わったんじゃないでしょうか？

http://underscorejs.org/#template

の、templateの項目を見ると、template()の第２引数はsettingになっています。

ムービーと同じ結果を得たい場合は

var tpl = "<li><%- name %>(<%- score %>)</li>";
x = _.template(tpl);
x = x(user);

console.log(x);

これでいけますね。

投稿2015/03/30 09:02

編集2015/03/30 09:06

退会済みユーザー

総合スコア0

退会済みユーザー

2015/03/30 09:05

var tpl = "<li><%- name %>(<%- score %>)</li>"; x = _.template(tpl)(user); console.log(x); チェーンメソッドなので、これでいいみたい。

退会済みユーザー

2015/03/30 09:07

チェーンメソッドじゃないか…

2015/03/30 09:29

ありがとうございました！引数の変更だったんですね・・・合わせてBackbone.jsもやっているのですが、こちらも使用が変わって同じ状況になっていたんですが、公式ドキュメントを読み直して直したらうまくいきました。助かりました！

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問

トップ JavaScriptに関する質問

underscore.jsにて（ドットインストールの入門編最終段階）

関連した質問

同じタグがついた質問を見る

運営からのお知らせ

【重要なお知らせ】いつもteratailをご利用いただきありがとうございます。現在、認証システムの修正により、一部のユーザーが強制的にログアウトされる可能性がございます。お手数おかけしますが、再度ログインを行なっていただきますよう宜しくお願いいたします。ご不便をおかけし申し訳ございません。

過去のお知らせを見る