闭包常见问题及解决方案

闭包常见的问题就是在无形之中几个闭包共享同样的变量,导致结果与预期不符。
HTML代码:

Doctype html>
<html>
<head>
    <meta charset=utf-8 />
    <title>closure testtitle>
    <style>
    .hidden{
        display: none;
    }
    .visible{
        display: block;
    }
    style>    
    
head>
<body>
    <ul id="menu">
        <li>
            <h3>文章管理h3>
            <dl class="hidden">
                <a href="#"><dd>添加文章dd>a>
                <a href="#"><dd>文章列表dd>a>
            dl>
        li>

        <li>
            <h3>教师管理h3>
            <dl class="hidden">
                <a href="#"><dd>添加教师dd>a>
                <a href="#"><dd>教师列表dd>a>
            dl>
        li>

    ul>

body>
html>

当使用以下js代码添加事件时发现与预期结果(点击标题时不显示隐藏的内容)不符:

 

    2.使用匿名函数

    
    
                    
                    

你可能感兴趣的:(闭包常见问题及解决方案)