javascriptにおけるオブジェクトリテラルとは？オブジェクトのプロパティもオブジェクト？

Question

オブジェクトリテラルの意味がよくわからないんですが、引数としてイコールで結んだ式を直接記述することが出来ないから、{}で囲んだ記法を用いるということですか？
イコールの中にイコールは入れられない場合に使うという認識です。

Comments

[m.ts10806]

どこで出てきた語句でしょうか
出典明示してください

[think49]

オブジェクトリテラルはオブジェクト初期化子です。それ以上の意味はありません。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer

「引数としてイコールで結んだ式を直接記述することが出来ない」と「イコールの中にイコールは入れられない場合」が全く伝わりません。
具体的なコードで説明して下さい。

[int32_t]

質問の意味が不明瞭です。具体的な例を挙げてみてください。

[think49]

> オブジェクトのプロパティもオブジェクト？

オブジェクトである必然性はありません。

[blendegg]

>>think49さん
例えば以下のような記述を見かけます。
{object.textContent:"てきすと"}
これは以下と同義ではないのかと思いました。
object.textContent = "てきすと";

[int32_t]

> {object.textContent:"てきすと"}

JavaScriptでそのような書き方はしないですね。オブジェクトリテラル内のプロパティ名に . は入れられません。どこで見かけましたか?
「object = {textContent: "てきすと"}」のことでしょうか?

[blendegg]

https://teratail.com/questions/343347
過去の質問でもらったコードになります。
{}でオブジェクトを初期化するということですが、textContentプロパティのこともオブジェクトと呼ぶのでしょうか？

[int32_t]

> https://teratail.com/questions/343347

こちらを見てようやく質問文の1文目の意味が理解できた気がします。
2文目はまだ意図不明です。「イコールの中にイコール」とはなんのことでしょう。

> textContentプロパティのこともオブジェクト

textContentは文字列プロパティで、文字列もオブジェクトの一種と言えますが、オブジェクトリテラルで作るObjectとは関係ありません。

[blendegg]

二行目は間違いでした。
オブジェクトリテラルで作るobjectは箱、のことですよね？
{textContent:x.textContent}
↑この記述で、オブジェクトの作成とプロパティの設定を同時に行っているという認識でいいのでしょうか？

Answer 1

オブジェクトリテラルの意味がよくわからないんですが、引数としてイコールで結んだ式を直接記述することが出来ないから、{}で囲んだ記法を用いるということですか？

はい、おおむね、そうです。

ただし、「引数としてイコールで結んだ式を直接記述することが出来ないから」というのは正しくないです。書こうと思えば書けます。

代入式は代入値が式の評価結果となるので、プロパティへの代入の結果としてオブジェクトを得ることができません。（変数を介してカンマ演算子でいくつかの式を書けばできないこともないですが）
ご提示の質問のコードは、1行で書くために、Object.Asign()とオブジェクトリテラルを使っているのだと思います。

---

少しトリッキーなコードだと思います。一般的ではないように感じます。
私見ですが、素直にプロパティに代入したほうが可読性がいいように思えます。

---

なお、オブジェクトリテラルの使い道の（まれな）ひとつである、ということに注意してください。
つまり、「引数としてイコールで結んだ式を直接記述することが出来ないから、オブジェクトリテラルで書いた」のであって、逆の「オブジェクトリテラルで書かれているから、引数としてイコールで結んだ式を直接記述することが出来ない」は、まったく成り立ちません。

Answer 2

引数としてイコールで結んだ式を直接記述することが出来ないから、

イコールで代入文を書けるかどうかはまったく関係ありません。

たとえばある関数 f() が「textContentというプロパティを持つObject」を引数として必要としているとしたら、どんな手段でもよいので「textContentというプロパティを持つObject」を用意して渡せばよいのです。f(obj) のように既に変数に入っている値を渡してもよいですし、f(g()) のように別の関数の戻り値を渡してもよいですし、f({textContent: ""})のようにオブジェクトリテラルでObjectを作って渡してもよいです。もっとも都合の良い手段で渡せばよくて、オブジェクトリテラルを使うのが都合が良ければオブジェクトリテラルを使うだけのことです。

数値を引数として必要とする関数 h() に数値リテラルを指定して h(42) と書くのと同じです。