JavaScriptリターンされたオブジェクトに直接値を代入する

Question

var object={};

eval("object.number")=12;//ここでエラーUncaught ReferenceError: Invalid left-hand side in assignment

javascriptでオブジェクトをリターンする関数を作り、それをまるまる左辺においてみたのですが、
Uncaught ReferenceError: Invalid left-hand side in assignment
というエラーが出てしまいました。
なぜでしょうか？

初心者です。オブジェクトの理解が生半可です。

追記
例に出したコードが言おうとしていることと違うことに気づいたので訂正させていただきます。

var object = {};
function myReturn(){
object.number=8;
return object.number;
}
myReturn()=12;//エラー
console.log(object.number);

Answer 1

evalは、引数をJavaScript構文として評価してその値を返します。
書かれているコードがすべてだとすると、object.numberの値はundefinedという値になり、それへの代入はエラーになります。
なお、undefined = 12;となるわけじゃなくて、(undefinedの値) = 12;となります。
値への代入という意味では1 = 12;等と同じエラーメッセージですね。

objectのnumberプロパティに代入したいのなら、例えば、

object.number=12;
eval("object").number=12;
eval("object.number=12");

追記：
タイトルと質問内容が合ってない気がします。

Comments

[hakasensei]

回答ありがとうございます。
割当は関数の中でしてしまうという前提の元質問しましたが、コードがそれとあっていませんでした。
質問に補足させていただきました。

[otn]

> 質問に補足させていただきました。
同じ事ですね。
object.numberの値、つまり 8 がリターンされてくるので、8 = 12; でエラーになります。

Answer 2

javascriptでオブジェクトをリターンする関数を作り

いいえ．オブジェクトをリターンするならこうなるはずです．

var object = {};
eval('object').number = 12;

eval('object.number')はまだ存在していないので，undefinedをリターンしていることになります．

---

しかし本質は，関数の実行結果に対して代入しようとしているというところにあります．代入演算子の左側に来れるのは**「変数シンボル」(オブジェクトのプロパティを含む)のみに限られます．「値」**に対しての代入できません．

(注意) ここでいう「シンボル」はECMA Script 6の Symbol とは無関係です

x = 1

x

この2つのxの違いはわかりますか？1つ目は変数シンボルであり，2つ目は式です．式は評価されると値になります．JavaScriptは変数シンボルと式を区別しませんが，例えばシェルスクリプトは$の有無で区別しますよね．

x=1 

$x

Comments

[mpyw]

少しややこしいので補足します…

eval('object')

これは確かに「関数の実行結果」です．が，

eval('object').number

これは「『関数の実行結果』を元に特定されたオブジェクトのプロパティ」となります．このように，式から変数シンボルの記述に繋げることも可能です．

[hakasensei]

丁寧な回答ありがとうございます。
なるほど。式の評価結果に無理に代入しようとしてしまっていたのですね。
では実行結果ではなく変数シンボルとして返すことは可能なのでしょうか？それともreturnされる時点で評価されてしまうのでしょうか？

[hakasensei]

タイトルと質問内容が合ってないという指摘がありましたので、本文の下に追記をさせていただきました。

[mpyw]

残念ながら，JavaScriptでは全くできません．PHPの場合は参照代入の機能を持っているので，一度変数に代入すればそれっぽいことはできます…（直接できないのは文法上の都合です）

<?php

class Storage
{
    private $number;

    public function &getNumberReference()
    {
        return $this->number;
    }

    public function getNumber()
    {
        return $this->number;
    }
}

$s = new Storage;
$x = &$s->getNumberReference();
$x = 8;
var_dump($s->getNumber());

ただ，マニュアルの中でも「本当に必要な場合だけ導入を検討してください」のような但し書きがあります．可読性は大きく落ちるので利用は推奨されません，多くは設計ミスです．

[hakasensei]

なるほど。javascriptではそのようなことはできないし、可読性を上げるためにも他の方法を使ったほうが良いということですね。
PHPではサポートされているんですね！
回答ありがとうございました。

Answer 3

追記のは、

var object = {};

function myReturn(num, def = 8) {
  if (num === undefined || num === null) num = def;
  object.number = num;
  return object.number;
}

console.log(myReturn(12)) // 12
console.log(myReturn())  // 8

こういうのを想定されているんですかね？

Comments

[hakasensei]

ありがとうございます。そういうことです。

Answer 4

割り当て方の問題ではないですか？

eval("object.number=12");

Comments

[hakasensei]

回答ありがとうございます。「割り当ては関数の中で済ましておき、後でオブジェクトをリターンする」ということを示そうと思ってevalを使ってしまいました。
正しくはこうです。

```javascript
var object = {};
function myReturn(){
object.number=8;
return object.number;
}
myReturn()=12;//エラー
console.log(object.number);
```