javascript - Javascript オブジェクトメソッド

Question

なぜ私はこれを行うことができないのですか?

var MyObject = {}
MyObject.foo = function(){
  this.sayhello = function(){
    alert('Hello');
  }
}
MyObject.foo.sayhello();

それをどのように行うことができるかについてのアイデアはありますか？

score 6 · Accepted Answer

内foo、this参照MyObject、つまり、後:

MyObject.foo();

あなたは呼び出すことができます：

MyObject.sayhello();

を呼び出せるようにしたい場合は、の関数であるMyObject.foo.sayhello()必要があります。sayhelloMyObject.foo

var MyObject = {}
MyObject.foo = function () {...};
MyObject.foo.sayhello = function () {
    alert('hello');
}

foo関数である必要がない場合は、次のように宣言するだけです。

var MyObject = {
    foo: {
        sayhello: function () {
            alert('Hello');
        }
    }
}

これにより、次のように呼び出すことができます。

MyObject.foo.sayhello();

score 1 · Accepted Answer

関数が実際に追加さMyObject.foo()れるように、最初に呼び出す必要があります。this.sayhelloそれからあなたは電話することができるはずですMyObject.foo.sayhello();

score 0 · Accepted Answer

var MyObject = {}
MyObject.foo = {
  sayhello: function(){
    alert('Hello');
  }
}
MyObject.foo.sayhello();

score 0 · Accepted Answer

これは、関数がまだ存在していないためです。したがって、最初にfooを呼び出す必要があります。あなたがすることは、プロパティfooから関数sayhelloを呼び出すことです。しかし、あなたはプロパティfooを持っていません。関数fooがあります。

ただし、jQueryのように、これを実行してチェーンにすることもできます。

var MyObject = {}
MyObject.foo = function(){
  this.sayhello = function(){
    alert('Hello');
  }
  return this;
}
MyObject.foo().sayhello();

連鎖関数ではなく、オブジェクトfoo内に関数sayhelloを作成します。しかし、関数を持つオブジェクト内のオブジェクト。

var MyObject = {
    foo : {
        sayhello : function(){
            alert("hello");
        }
    }
}
MyObject.foo.sayhello(); // Now does work!

javascript - Javascript オブジェクト メソッド