JavaScriptにおけるコロン

Question

パソコン初心者のため、暖かい目で見ていただけると幸いです。

JavaScriptのスクリプトで、よく分からない記述がありました。

sample: new Array(),

samplefunc1: function(fn) {
     this.sample.push(fn);
},

get_samples: function() {
     try {
         this.lock = true;
         execute_samples()
     } catch(e) {
         this.lock = false;
         return;
      }
     this.lock = false;
}
...

この、XXX: XXXX...という書き方はどういった意味なのでしょうか？
調べてみたのですが、ラベルでもなさそうですし、一体どういう意味なのかわかりませんでした。

どなたかご教授いただけないでしょうか？

Answer 1

オブジェクト初期化子( Object initializer )を使ってオブジェクトを作る記法です。オブジェクトの生成とプロパティ／メソッドの定義などをおこなっています。

var object = {
	  a: 'bar'
	, b: 42
	, c: { f: 12 }
	, d: function ( x ) { return x + 8; }
}
console.log( object.a ); // 'bar'
console.log( object[ 'b' ] ); // 42
console.log( object.c.f ); // 12
console.log( object.d( 42 ) ); // 50

【Object initializer - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer

【オブジェクトを利用する - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Working_with_Objects

Comments

[Divided_by_Zero]

ご回答、ありがとうございます。

自分の知識不足なところだとは思いますが、１点疑問があります。
通常、オブジェクトを初期化する際に
var object = {
prop1: 'value1',
prop2: 'value2',
...
}
などという形で記述するかと思うのですが、質問にあるコードだと、「var object = {」と「}」が抜けているようにしか見えません。
これでもJavaScriptは正しく動作するのでしょうか？
時折、とんでもないコードで動作するのを見て、うひゃぁとなってしまいますが・・・

[kei344]

think49さんの回答の通り、おそらく書かれているコードは何らかのコードの一部分なので、ここだけ切り取っても動きません。

> 「var object = {」と「}」が抜けているようにしか見えません。
たとえば、関数の引数にオブジェクトを渡している場合は var object = {}; という形をとらなくてもかけます。
var somefunction= function( a ) { console.log( a ); };
somefunction( {
a: 'bar'
, b: 42
, c: { f: 12 }
, d: function ( x ) { return x + 8; }
} );
は下記とほぼ同じはず。
var somefunction= function( a ) { console.log( a ); };
var object = {
a: 'bar'
, b: 42
, c: { f: 12 }
, d: function ( x ) { return x + 8; }
};
somefunction( object );

Answer 2

質問文のコードをそのまま実行すると SyntaxError になります。

sample: new Array(),

samplefunc1: function(fn) { // SyntaxError: Unexpected token :
     this.sample.push(fn);
},

this.sample.push(fn) の書き方から判断するに、前後にオブジェクト初期化子特有の記述があるものと想像できます。
そうでなければ、this.sample はグローバル変数 sample が存在しなければなりませんし、カンマのつけ方も不自然です。
この記法は label 文にも見られますが、label 文としても間違っています。

確かなことはコード全体を読まないと判断できませんので、更なる検証を求める場合はすべてのコードを開示してください。
また、そのJavaScriptコードを実行する実行環境も教えてください。
それがブラウザではない場合、その実装特有の文法が存在する可能性があります。

Re: Divided_by_Zero さん

Comments

[Divided_by_Zero]

やはり、実行できませんよね…
とある参考書に書いてあった内容なのですが、その時点で全体から抜粋されていたので、私も全体のコードはわかりません（申し訳ないです…）
もしかしたら、擬似コードのようなものなのかもしれません
お騒がせしてしまい申し訳ないです
kei344さん、think49さんご回答いただき、ありがとうございました！