js 关于闭包,引用的一些问题(给函数事件赋值)

[阿狸Ahri]

其实我js的原理性的东西不是很懂，我也不知道这个是不是闭包的问题，代码如下

openDialog：function (Info, title,options,readyFn)
{
       var html = new Array();
        var id = "doc-modal_" + new Date().getTime();  
        html.push("<div class=\"am-modal am-modal-no-btn\" tabindex=\"-1\" id=\"" + id + "\">");
        html.push('.....')
        //这里就是往html添加一个对话框
        
        var obj = $(html.join("")).appendTo("body");//追加到body

        var btnObj = obj.find(".foot_dia");//找到那个跟部，添加那些按钮，按钮有事件
        for (var i = 0; i < options.length; i++) {  
        //options是数组， [{id:'',bnText:'确定',handle:funtion(ob){},disabled:true}]
         tmpBtn.push("<input  ......... />");
         __obj = $(tmpBtn.join("")).appendTo(btnObj)[0];//获得demo对象了
        
         //从这里开始我就迷茫了，我要给每个按钮绑定事件
       __obj.cHandle = options[i].handle;
            //点击事件
            $(__obj).click(function () {
                $("#" + id).modal('close');
                if (__obj.cHandle) {
                    __obj.cHandle(__obj);
                }
            });
           //这样子写，不管哪个按钮都是获取到最后一个按钮的handle
      }
      
}

请问，我该怎么绑定；

一开始我不是那样绑定的，我是直接用

  $(__obj).click(function () {
                if (options[i].handle) {
                    options[i].handle();
                }
            });
//这个就是那个闭包的问题了，i等于数组长度了，结果直接undefiine了

//完了之后，我用一个变量 接收 options[i].handle
 var tmp = options[i].handle;
            $(__obj).click(function () {
                if (tmp) {
                    tmp();
                }
            });
//然后这个也是因为作用域的问题，tmp没有被消除，tmp一直被赋值，一直到循环最后一个

对于这种赋值的，我该怎么办

[打老虎zz]

你的Click之后的函数里面的代码是什么时候执行的 当你执行的时候 这个_obj是你想要的么？

[打老虎zz]

至于下面这个 跟闭包有什么关系 跟JS也没关系 当执行function的时候 你循环都走完了 i还会在么，你的temp是你想要的么，又回到了上面

[Kamiam]

__obj.cHandle = options[i].handle;
(function(handle){
$(__obj).click(function () {
   $("#" + id).modal('close');
   if (handle) {
         handle(__obj);
        }
}
})(__obj.cHandle)

[阿狸Ahri]

_obj我打印出来outerHTML了，发现是同一个__obj，然后我现在换了另外一个办法，绑定，也是不行

  btnObj.find("#" + __id).click(function () {
                alert($(this).prop('outerHTML'));
                $("#" + id).modal('close');
                if (_tmpHandle) {
                    _tmpHandle();
                }
            });

这个打印出来的，确实每一个按钮都不一样了，但是_tmpHandle还是最后一个 至于下面说的，那个I执行完之后，I是不会被释放的，你数组长度是5，那I就是5，那个是不是闭包我不懂，但是这个肯定是作用域的问题，因为click下面还在用I，所以I不会被释放

[打老虎zz]

引用 4 楼 edfdfg 的回复:

_obj我打印出来outerHTML了，发现是同一个__obj，然后我现在换了另外一个办法，绑定，也是不行

  btnObj.find("#" + __id).click(function () {
                alert($(this).prop('outerHTML'));
                $("#" + id).modal('close');
                if (_tmpHandle) {
                    _tmpHandle();
                }
            });

这个打印出来的，确实每一个按钮都不一样了，但是_tmpHandle还是最后一个 至于下面说的，那个I执行完之后，I是不会被释放的，你数组长度是5，那I就是5，那个是不是闭包我不懂，但是这个肯定是作用域的问题，因为click下面还在用I，所以I不会被释放

搞错了 i是不会被释放 但是会产生自加 所以你自然就访问不到

[打老虎zz]

引用 4 楼 edfdfg 的回复:

_obj我打印出来outerHTML了，发现是同一个__obj，然后我现在换了另外一个办法，绑定，也是不行

  btnObj.find("#" + __id).click(function () {
                alert($(this).prop('outerHTML'));
                $("#" + id).modal('close');
                if (_tmpHandle) {
                    _tmpHandle();
                }
            });

这个打印出来的，确实每一个按钮都不一样了，但是_tmpHandle还是最后一个 至于下面说的，那个I执行完之后，I是不会被释放的，你数组长度是5，那I就是5，那个是不是闭包我不懂，但是这个肯定是作用域的问题，因为click下面还在用I，所以I不会被释放

至于怎么使用temp 上面已经发了

[天际的海浪]

openDialog：function (Info, title,options,readyFn)
{
       var html = new Array();
        var id = "doc-modal_" + new Date().getTime();  
        html.push("<div class=\"am-modal am-modal-no-btn\" tabindex=\"-1\" id=\"" + id + "\">");
        html.push('.....')
        //这里就是往html添加一个对话框
        
        var obj = $(html.join("")).appendTo("body");//追加到body

        var btnObj = obj.find(".foot_dia");//找到那个跟部，添加那些按钮，按钮有事件
        var tmpBtn = "<input  ......... />";
        for (var i = 0; i < options.length; i++) {  
         __obj = $(tmpBtn).appendTo(btnObj)[0];//获得demo对象了
        
         //从这里开始我就迷茫了，我要给每个按钮绑定事件
       __obj.cHandle = options[i].handle;
            //点击事件
            $(__obj).click(function () {
                $("#" + id).modal('close');
                if (this.cHandle) {
                    this.cHandle(this);
                }
            });
           //这样子写，不管哪个按钮都是获取到最后一个按钮的handle
      }
      
}