闭包的两个经典案例

最新推荐文章于 2023-04-18 14:12:24 发布

海涛高软

最新推荐文章于 2023-04-18 14:12:24 发布

阅读量151

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_15267341/article/details/116106339

版权

javascript 专栏收录该内容

79 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div style="width:200px;height:200px;background-color:red;" id="xxx"></div>
    <script>
        function person(ming, domE) {
            this.namee = ming;

            var scopee = this;


            function onmousedown() {
                console.log(scopee.namee);
            }
            domE.addEventListener('mousedown', onmousedown, false);
        }
        var p01 = new person("xu qing shuo", document.getElementById("xxx"))
        var p02 = new person("xu hai tao", document.getElementById("xxx"))
            //------------------------------下面测试一个闭包的简单案例-------------------------------
        function A() {
            var a = 5;

            function B() {
                console.log(++a);
            }
            return B;
        }
        var B01 = A()
        B01(); //6
        B01();
        B01();
        B01();
        B01();
        B01();
        B01();
        B01(); //13

        var B02 = A()
        B02(); //6
        B02(); //7

        console.log(B01 == B02); //false
    </script>

</body>

</html>

打印结果如下：

FR：徐海涛（hunk Xu)

海涛高软

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
闭包的两个经典案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
复制链接

扫一扫