setTimeout在类中使用的问题！_javascript技巧-js教程-PHP中文网

setTimeout在类中使用的问题！_javascript技巧

php中文网

发布： 2016-05-16 19:15:28

原创

1126人浏览过

我现在的做法，但我不想这样写：

AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

查看详情

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

我希望能做到创建calendar时，不需要把calendar1传入，在setTimeout参数里，直接可以通过this.thread_result()执行

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

幻宇前辈不在我先来现一把拙:)

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

这个问题难就难在让函数中的this指向正确
对，winter老弟的方法不错，唯一的问题是函数中的this指针有问题，我已经找到解决方法了，给Function对象添加了原型函数bindNode进行绑定，可以让this指向任意对象

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

To 幻宇：
我一楼帖的this也是正确的只不过代码难看了点：）

<button onclick="img1.onclick.RemoveFunction(f1)">移除f1</button><button onclick="img1.onclick.RemoveFunction(f2)">移除f2</button><button onclick="img1.onclick.RemoveFunction(f3)">移除f3</button>  
<div id="output"></div>  
<script language="JavaScript">  
function FunctionArray()  
{  
    var functions=new Array();  
    var FA=function (){          
        for(var i=0;i<functions.length;i++){  
            if(functions[i] instanceof Function)functions[i].apply(this,arguments);  
        }  
    }  
    FA.AddFunction=function(newFunction){  
        if(newFunction instanceof Function)  
        {  
            for(var i=0;i<functions.length;i++){  
                if(functions[i]==newFunction)return;  
            }  
            functions.push(newFunction);  
        }  
    }  
    FA.RemoveFunction=function(theFunction){  
        for(var i=0;i<functions.length;i++){  
            if(functions[i]==theFunction)functions.splice(i,1);  
        }          
    }  
    return FA;  
}  
img1.onclick=new FunctionArray();  
function f1()  
{  
    output.innerHTML+="f1 runs on "+this.tagName+"
";  
}  
function f2()  
{  
    output.innerHTML+="f2 runs on "+this.tagName+"
";  
}  
function f3()  
{  
    output.innerHTML+="f3 runs on "+this.tagName+"
";  
}  
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

关于绑定事件的问题我的做法是自己写一个函数数组
我自己感觉这样更加原生态一些请指点一下^^