JavaScript中闭包和display:inline-block的知识点记录

最新推荐文章于 2023-07-24 10:06:10 发布

静水流深之鑫

最新推荐文章于 2023-07-24 10:06:10 发布

阅读量477

点赞数

本文链接：https://blog.csdn.net/qq_26941173/article/details/88353755

版权

本文介绍了JavaScript中的闭包概念，强调了闭包是由函数及其词法环境组成的，能够访问创建时的局部变量。同时，讨论了如何利用`display: inline-block`消除两个div之间的间隙，提供了两种解决方法，包括调整HTML结构和避免换行。

摘要由CSDN通过智能技术生成

闭包

闭包是由函数以及创建的函数的词法环境组合而成，这个环境包含了闭包创建时所能访问的所有的局部变量。

实例：


/**
     * 闭包的实例
     * @param x
     * @returns {function(*): *}
     */
    function makeAdder(x) {
   
        return function (y) {
   
            return x + y;
        }
    }

    var add5 = makeAdder(5);
    var add10 = makeAdder(10);

    console.log(add5(2));
    console.log(add10(2));

    /**
     * 使用闭包定义私有的属性和方法
     * @type {
   {decrement, increment, value}}
     */
    var Counter = (function () {
   
        var privateCounter = 0;
        function changeBy(val) {
   
            privateCounter += val;
        }
        return{
   
            increment: function (