タグ

ブックマーク / qiita.com/kura07 (2)

  • オブジェクトリテラルのプロパティ/メソッドのいろんな書き方(ES6版) - Qiita

    ECMAScript 6 がいよいよ標準仕様となり、ブラウザでの実装もより一層進んできています。 オブジェクトリテラルの書き方ひとつ取っても、大変多彩になりました。 var d = 42; var obj = { a: 42, "b": 42, 0: 42, ["c"] : 42, d, e(){}, get f(){}, set g(v){}, *h(){} }; これらを全て把握するだけでも一苦労です ここではそれぞれの書き方を、ひとつひとつざっくり見ていきたいと思います。 尚、ここで紹介するコードは、一部のブラウザでは動かないことがあります。 投稿時点で最新の GoogleChrome 44 であればすべて動作することを確認しましたので、よければそちらをお使いください。 var obj = { prop: value }; 一番慣れ親しんできた書き方だと思います。 しかしプロパティ名

    オブジェクトリテラルのプロパティ/メソッドのいろんな書き方(ES6版) - Qiita
    moqada
    moqada 2015/09/10
  • JavaScript の テンプレートリテラル を極める! - Qiita

    テンプレートリテラルとは、ECMAScript 6 で新しく使えるようになった構文のひとつです。 言わばヒアドキュメントのようなものです。めちゃくちゃ便利です! 2015年8月現在、Google Chrome と Firefox の最新版では既に使えるようになっています。 2016年9月現在、Edgeでも使えるようになっており、Google Chrome や Firefox も含めたほとんどのモダンブラウザで利用可能です。 (残念ながらモバイルブラウザではまだ非対応のこともあるので、要注意です。) 基 この内容を知っているだけでもカナリ使えます! バッククオート(`~`)で囲む! var a = "ジャバスクリプト"; var b = `ジャバスクリプト`; console.log( a === b ); // true console.log( b ); // ジャバスクリプト

    JavaScript の テンプレートリテラル を極める! - Qiita
    moqada
    moqada 2015/08/12
  • 1