|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2007-04-02
function Test(url) {
this.url = url;
this.str = "want to save responseText";
}
Test.prototype.test = function () {
alert(this.url); //可以访问到
alert(this.str); //可以访问到
var ajax = new Ajax.Request(
this.url,{
method: "get",
parameters: "time=" + new Date().getTime(),
onSuccess: function(req){
alert(this.url); //可以访问到
alert(this.str); //无法访问到
//this.str = responseText; //期待的操作无法执行
}
}
);
};
Event.observe(window, "load", pageLoad, false);
var url = "a action url";
function pageLoad(){
var t = new Test(url);
t.test();
}
在这里我创建一个页面,并导入了prototype,和上面这段代码.并注册页面的初始化事件 初始化事件只是创建一个我自定义的对象,并调用其中的一个方法 而当我调用这个方法的时候, alert(this.url); alert(this.str); 这些都可以正常访问 而在new Ajax.Request内部,却只能访问到this.url.无法访问this.str =================================================================== 上面是问题的阐述,在cozone_柯中和7thbyte的热心帮助下,终于找到了问题的解决方案 =================================================================== 首先,在prototype中加入下列代码
var ClassUtils=Class.create();
ClassUtils.prototype={
_ClassUtilsName:'ClassUtils',
initialize:function(){
},
/**
* 给类的每个方法注册一个对类对象的自我引用
* @param reference 对类对象的引用
*/
registerFuncSelfLink:function(reference){
for (var n in reference) {
var item = reference[n];
if (item instanceof Function)
item.$ = reference;
}
}
}
接着写我新的Test类
function Test(url) {
this.url = url;
this.str = "want to save responseText";
new ClassUtils().registerFuncSelfLink(this);
}
Test.prototype.test = function () {
var funcHolder=arguments.callee.$;
alert(this.url); //可以访问到
alert(this.str); //可以访问到
var ajax = new Ajax.Request(
this.url,{
method: "get",
parameters: "time=" + new Date().getTime(),
onSuccess: function(req){
alert(funcHolder.url); //可以访问到
alert(funcHolder.str); //可以访问到
funcHolder.str = responseText; //期待的操作可执行
}
}
);
};
Event.observe(window, "load", pageLoad, false);
var url = "a action url";
vat t = new Test(url);//这次把作用域扩大一下
function pageLoad(){
t.test();//可以了
}
function getTest(){
alert(t.str);//可以随时察看一下，确实改变了,呵呵
}
====================================================================== 至此再次对cozone_柯中和7thbyte的热心帮助表示感谢 ====================================================================== 6月21号增加: 以上的解决方案太依赖于prototyte了,其实在平时的应用中this指针也是经常遇到的问题 现在将这部分独立出来,也可以解决了
<script language="javascript">
function registerSelf(reference){
for (var n in reference) {
var item = reference[n];
if (item instanceof Function)
item.$ = reference;
}
}
var Book = function(){
this.name = "book";
}
Book.prototype = {
main : function(){
alert(9);
}
}
var Car = function(name){
this.name = name;
registerSelf(this)
}
Car.prototype = {
getName : function(){
var book = new Book();
book.main();
var self = arguments.callee.$;
alert(self.name)
book.main = function(){
alert(self.name);
}
book.main();
}
}
function main(){
var car = new Car("boya");
car.getName();
}
</script>
<a href="#" onClick="main();">do</a>
====================================================================== 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2007-04-02
引用 var ajax = new Ajax.Request( this.url,{ method: "post", parameters: "time=" + new Date().getTime(), onSuccess: function(req){ alert(this.url); alert(this.str); } } ); 作用域的问题,你在里面访问的 this.url 是 这个Ajax.Request对象的属性 并不是 Test的 |
| 返回顶楼 | |
|
发表时间：2007-04-02
怎么样能访问到Test里的this.str?
|
| 返回顶楼 | |
|
发表时间：2007-04-02
试试这样
Test.prototype.test = function () {
alert(this.url);
alert(this.str);
[b]var url = this.url;
var str = this.str;
[/b] var ajax = new Ajax.Request(
this.url,{
method: "post",
parameters: "time=" + new Date().getTime(),
onSuccess: function(req){
[b] alert(url);
alert(str);
[/b] }
}
);
};
|
| 返回顶楼 | |
|
发表时间：2007-04-02
不太会用这个标签，不能嵌套吗？
Test.prototype.test = function () {
alert(this.url);
alert(this.str);
var url = this.url;
var str = this.str;
var ajax = new Ajax.Request(
this.url,{
method: "post",
parameters: "time=" + new Date().getTime(),
onSuccess: function(req){
alert(url);
alert(str);
}
}
);
};
|
| 返回顶楼 | |
|
发表时间：2007-04-02
刚才我弄错了,sorry
按我的理解 楼主的代码就相当于
Test.prototype.test = function () {
alert(this.url);
alert(this.str);
var ajax = new Ajax.Request(
this.url,{
method: "post",
parameters: "time=" + new Date().getTime(),
onComplete: handler
}
);
};
function handler(req){
alert(this.url);
alert(this.str);
}
两个都访问不到应该是正常的 事实上就连url也访问不到 能alert出来是因为楼主的程序25行把url定义为全局变量了，两个变量名重复，假象 |
| 返回顶楼 | |
|
发表时间：2007-04-02
7thbyte 写道 刚才我弄错了,sorry
按我的理解 楼主的代码就相当于
Test.prototype.test = function () {
alert(this.url);
alert(this.str);
var ajax = new Ajax.Request(
this.url,{
method: "post",
parameters: "time=" + new Date().getTime(),
onComplete: handler
}
);
};
function handler(req){
alert(this.url);
alert(this.str);
}
两个都访问不到应该是正常的 事实上就连url也访问不到 能alert出来是因为楼主的程序25行把url定义为全局变量了，两个变量名重复，假象 Ajax.Request 里面有个url属性.是可以正常访问到的 |
| 返回顶楼 | |
|
发表时间：2007-04-02
cozone_柯中 写道 7thbyte 写道 刚才我弄错了,sorry
按我的理解 楼主的代码就相当于
Test.prototype.test = function () {
alert(this.url);
alert(this.str);
var ajax = new Ajax.Request(
this.url,{
method: "post",
parameters: "time=" + new Date().getTime(),
onComplete: handler
}
);
};
function handler(req){
alert(this.url);
alert(this.str);
}
两个都访问不到应该是正常的 事实上就连url也访问不到 能alert出来是因为楼主的程序25行把url定义为全局变量了，两个变量名重复，假象 Ajax.Request 里面有个url属性.是可以正常访问到的 handler里面的此this.url并不是Ajax.Request里的url 实验一下，把
var url = "a action url";
function pageLoad(){
var t = new Test(url);
t.test();
}
全局变量去了，改成
function pageLoad(){
var t = new Test("a action url");
t.test();
}
最后的两个alert结果都是undefined |
| 返回顶楼 | |
|
发表时间：2007-04-02
cozone_柯中 写道 7thbyte 写道 刚才我弄错了,sorry
按我的理解 楼主的代码就相当于
Test.prototype.test = function () {
alert(this.url);
alert(this.str);
var ajax = new Ajax.Request(
this.url,{
method: "post",
parameters: "time=" + new Date().getTime(),
onComplete: handler
}
);
};
function handler(req){
alert(this.url);
alert(this.str);
}
两个都访问不到应该是正常的 事实上就连url也访问不到 能alert出来是因为楼主的程序25行把url定义为全局变量了，两个变量名重复，假象 Ajax.Request 里面有个url属性.是可以正常访问到的 其实我的代码就是这样写的，我是想把读到的responseText保存到this.str里,但我发现在handler里读不到this.str,更谈不上赋值了! 大家帮我看看，怎么样能访问到this.str,并且将responseText的值赋给它 |
| 返回顶楼 | |
|
发表时间：2007-04-02
暂时想了一个不是很好的解决方法，应该能满足需求，不过写法不漂亮
给test方法给一个参数，而不是直接取this Test.prototype.test = function (tobj) {
//alert(tobj.url);
//alert(tobj.str);
var ajax = new Ajax.Request(
tobj.url,{
method: "post",
parameters: "time=" + new Date().getTime(),
onComplete: function(req){
alert(tobj.url);
alert(tobj.str);
tobj.str=req.responseText;
}
}
);
};
使用test的时候像这样 t.test(t); 简单分析了下 prototype.js里面的Ajax.Request类的options参数里的 onXXX系列在对象构造时的处理都是用它自定义的Function.bind()方法去绑定 过程中可能出现一些未知问题，所以this引用的指向有变化 所以原来的写法访问不到 |
| 返回顶楼 | |
