zoukankan      html  css  js  c++  java
  • javascript 典型闭包的用法

    <body>
    <input type="radio" id="radio1" name="readionGroup" />
    <input type="radio" id="radio2" name="readionGroup" />
    <input type="radio" id="radio3" name="readionGroup" />
    <script type="text/javascript" language="javascript">
            var add_the_handlers = function (nodes) {
                var i;
                for (i = 0; i < nodes.length; i += 1) {
                    nodes[i].onclick = function (e) {
                        alert(e);
                    }
                }
            };
            add_the_handlers(readionGroup);
        </script>
    </body>

    给每个radio赋一个onclick,上面写发是错误的,都弹出的时候nodes.length 
    红色标识的部分是一个上下文,所以当用户点击的时候,一直用到的变量是i=3

    ------------------------------------------------------------------------------------------

    var add_the_handlers = function (nodes) {
                var i;
                for (i = 0; i < nodes.length; i += 1) {
                    (function(j){
                        nodes[j].onclick = function () {
                            alert(j);
                        }
                    })(i);
                }
            };
            add_the_handlers(readionGroup);

    //红色表示的部分是一个上下文

  • 相关阅读:
    Elasticsearch与kibana的单机安装
    PS 设计带斑点图案的背景
    中国传统纹样简略
    js 在非module中引用module里的变量和函数
    ssh 使用pem秘钥文件登录
    jquery sortable 使用注意事项
    ES6中的函数、对象定义
    file-loader返回object Module 路径的问题
    Louvain 论文笔记
    基于Docker方式的LNMP环境搭建
  • 原文地址:https://www.cnblogs.com/niaowo/p/3686101.html
Copyright © 2011-2022 走看看