Javascriptオブジェクト内のthisの参照

Question

var c = {
  name: 'The c objects',
  log: function() {
    this.name = 'Updated c object';
    console.log(this);

    function setname(newname) {
      this.name = newname;
    }
    setname('Updated again! The c object');
    console.log(this);
  }
}

c.log();

上記を実行すると、this.name = 'Update c object';は反映されますが、関数setname内のthis.name = newname;は反映されず、結果としては、下のようになります。

{ name: 'Updated c object', log: [Function: log] }
{ name: 'Updated c object', log: [Function: log] }

両者ともcオブジェクト内に記述されているため、thisはcオブジェクトを示し、2回目のconsole.log(this)ではnameがUpdated again! The c objectになると予想したのですが、なぜ上のような結果になるのでしょうか？

Answer 1

なぜ上のような結果になるのでしょうか？

functionで書いた関数内でのthisは、呼び方によっても左右されます。

setname()のように、メソッドでなく単体の関数として呼んだ場合、thisはwindowもしくはundefinedとなります。

Comments

[maskmelon]

呼び出しがメソッドか単体の関数かで異なるのですね。理解できました。回答ありがとうございます。