【发布时间】:2011-09-28 19:49:51
【问题描述】:
首先,如果这是重复的,我很抱歉,但每次我搜索“对象”和“代码”时,我都会得到教程页面。
我想知道是否有任何简单的方法可以获取与对象关联的代码。类似的东西
function A(){
this.name = 'Kaiser Sauze';
}
a = new A();
console.log(a.displayCode());
//OUTPUT
"function A(){ this.name = 'Kaiser Sauze';}"
我希望能够在浏览器中查看代码、修改代码并重新加载函数。我想知道是否有某种方法可以做到这一点,或者我是否必须通过执行以下操作来启动泵:
function A(){
this.name = 'Kaiser Sauze';
this.code = "function A(){ this.name = 'Kaiser Sauze';}"
}
然后每次用户加载文本编辑器以查看 this.code 时,我都会连接 onchange 以更新 this.code。
编辑
原来 yankee 提出了一个简单的解决方案
function A(x){
this.x = x ;
}
console.log(A.toString());
//OUTPUT
"function A(x){
this.x = x ;
}"
但在我的实现中,变量“x”可以是一个函数(实际上是一个复杂的对象,其中包含我通过调用 dojo.mixin 混合的变量、函数和子对象),所以我真正想要的是知道实例化时的代码,类似这样
function A(x){
this.x = x ;
}
var a = new A(function(){/*DO SOMETHING*/);
console.log(a.toString());
//OUTPUT
"var a = new A(function(){/*DO SOMETHING*/);"
但是,正如你们大多数人已经知道的那样,所有获得输出的东西都类似于“对象”。通过将初始化放在这样的函数中,我几乎找到了解决方法
function A(x){
this.x = x ;
}
function _A(){
var a = new A(function(){/*DO SOMETHING*/);
}
console.log(_A.toString());
//OUTPUT
"function _A(){
var a = new A(function(){/*DO SOMETHING*/);
}"
但这很混乱,然后我必须进入并开始解析我不想做的字符串。
编辑:我问这一切的原因是 b/c 我想制作既可动态执行又可高度模块化的代码。我正在处理画布。我希望用户能够点击一个矩形,查看它的代码,修改然后加载/执行它。我有一系列规则,但基本上我有一个形状类,并且定义该形状的所有内容(颜色、透明度、填充、笔触......)都必须作为参数传递给对象构造函数,例如:
rect = new Shape({color : 'rgba(0,0,0,1)' ,
x : 0 ,
y : 0 ,
w : 100 ,
h : 100 ,
draw : function() {ctx.fillStyle = this.color;
ctx.fillRect(this.x,this.y,this.w,this.h);
}
});
这样代码是自动模块化的,我不必担心在页面顶部定义颜色,然后在页面中间定义高度,等等。现在我唯一需要做的就是以某种方式将初始化的整个上述字符串表示形式作为参数传递。我可以将它包装在一个函数中并在其上调用 toString,就像这样
function wrapper(){
rect = new Shape({color : 'rgba(0,0,0,1)' ,
x : 0 ,
y : 0 ,
w : 100 ,
h : 100 ,
draw : function() {ctx.fillStyle = this.color;
ctx.fillRect(this.x,this.y,this.w,this.h);
},
code : wrapper.toString()
});
}
但是有两个问题。 1) 我必须手动删除function wrapper() 和尾随},并将每一行向左移动一个标签。 2) 不能保证用户会记得包含包装函数,因为它对于绘图是完全不必要的。我试图想出一种包装看起来很自然的方法,但我想不出任何方法。但话说回来,我已经超过 30 个小时没有睡觉了。
【问题讨论】:
-
+1 只是为了引用 Kaiser Sauze ......虽然我认为它的拼写是 Keyser Söze ;-)
-
@Jason:我不记得怎么拼了,所以当我把我的号码给女士们的时候,我会选择 Rolo Tomasi ;-)
标签: javascript object tostring