Javascript 如何定义对象中所有函数都可以访问的变量?
我有一个这样的物体:Javascript 如何定义对象中所有函数都可以访问的变量?,javascript,javascript-framework,Javascript,Javascript Framework,我有一个这样的物体: myobj={ //where to define Car car=new Car(); test:{ testFunc1(){car.paintTest();}, testFunc2(){car.drawTest();} }, use:{ useFunc1(){car.paintUse();}, useFunc2(){car.drawUse();} }, }; myobj={ car: new Car(),
myobj={
//where to define Car car=new Car();
test:{
testFunc1(){car.paintTest();},
testFunc2(){car.drawTest();}
},
use:{
useFunc1(){car.paintUse();},
useFunc2(){car.drawUse();}
},
};
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();}
},
};
我将以另一个js文件中可以轻松调用的方式使用myobj
myobj.test.testFunc2()代码>
或
正如您所注意到的,在myobj
中,我有一个car
实例,经常在不同子对象的不同功能中使用(例如,“测试”、“使用”子对象)
我想知道,我在哪里可以定义Car=new Car()myobj
中的code>,以便car
被定义一次,并且可以在myobj
中的多个功能中使用。您可以这样做:
myobj={
//where to define Car car=new Car();
test:{
testFunc1(){car.paintTest();},
testFunc2(){car.drawTest();}
},
use:{
useFunc1(){car.paintUse();},
useFunc2(){car.drawUse();}
},
};
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();}
},
};
更新
使用假汽车的工作版本
对象:
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:@Mellon我刚刚在JSFIDLE中试用了您的原始代码,但它甚至不起作用。。。它可能适用于此
。我只是在代码中大量使用self