关于javascript的闭包、模块化以及单例模式

最新推荐文章于 2024-10-09 07:00:00 发布

DaDomain

最新推荐文章于 2024-10-09 07:00:00 发布

阅读量1.7k

点赞数 2

文章标签：闭包 javascript 模块

本文链接：https://blog.csdn.net/liaoyundababe/article/details/51418283

版权

为什么放在一起？

模块化本身就自带闭包性质的体现。下面代码：

<span style="white-space:pre">	</span>//定义可多次实例化的模块foo
        function foo () {
            console.log("foo run");
            var num = 0;
            return {
                addNum: function () {
                    num++;
                },
                showNum: function () {
                    console.log(num);
                }
            }
        }

        var bar = foo();
        var zar = foo();
        bar.addNum();
        bar.showNum();
        zar.showNum();

        //使用IIFE的方式实例化模块tar，单例模式
        //IIFE会建立新作用域。这里因为在运行结束后返回了一个含有该作用域引用的函数，形成闭包
        var tar = (function () {
            console.log("tar run");
            var num = 0;
            return {
                addNum: function () {
                    num++;
                },
                showNum: function () {
                    console.log(num);
                }
            }
        })()
        tar.showNum();