如何定义一个可以被我的对象中的所有函数访问的变量？

Question

我有一个像这样的对象：

myobj={
  //where to define Car car=new Car();
  test:{
    testFunc1(){car.paintTest();},
    testFunc2(){car.drawTest();}
  },

  use:{
    useFunc1(){car.paintUse();},
    useFunc2(){car.drawUse();}
  },
};

我将使用 myobj ，在另一个 js 文件中，我可以轻松调用

myobj.test.testFunc2();

或

myobj.use.useFunc1();

如您所示请注意，在 myobj 中，我有一个 car 实例，经常在不同子对象的不同函数中使用（例如“test”、“use “子对象）。

我想知道，我在哪里可以在 myobj 中定义 Car car=new Car(); ，以便 car 被定义一次< /strong> 并可用于 myobj 中的多个函数。

Answer 1

你可以这样做：

myobj={
  car: new Car(),

  test: {
    var self = this;
    testFunc1(){self.car.paintTest();},
    testFunc2(){self.car.drawTest();}
  },

  use: {
    var self = this;
    useFunc1(){self.car.paintUse();},
    useFunc2(){self.car.drawUse();}
  },
};

更新

使用假Car对象的工作版本：

function Car (){
    this.paintTest = function(){console.log('painttest')}
    this.drawTest = function(){console.log('drawtest')}
    this.paintUse = function(){console.log('paintuse')}
    this.drawUse = function(){console.log('drawuse')}
}

myobj = {
  car: new Car(),

  test:{
      testFunc1: function() {myobj.car.paintTest();},
      testFunc2: function() {myobj.car.drawTest();}
  },

  use: {
      useFunc1: function(){myobj.car.paintUse();},
      useFunc2: function(){myobj.car.drawUse();}
  },
};

myobj.test.testFunc1();
myobj.test.testFunc2();
myobj.use.useFunc1();
myobj.use.useFunc2();

fiddle：http://jsfiddle.net/maniator/KcQvL/