JavaScript闭包函数&箭头函数调用与执行

一、标准的闭包函数

//一、标准的闭包函数
function A() {
    var i=0;
    ++i;
    console.log('i : ' + i);
    return function b() {
        return function c() {
            return ++i
        }
    }
}

var a = A(); // 初始化A，执行A内的非function语句 ‘ i=0; ++i‘，输出 I : 1
console.log(a()); // 执行function b，输出 [Function: c]
console.log(a()());  // 执行function b后执行 function c，输出 2

 

// 将++i放入function b中
function A() {
    var i=0;
    return function b() {
        ++i;
        console.log('i : ' + i);
        return function c() {
            return ++i
        }
    }
}

var a = A();  // 执行i=0 没有输出
console.log(a()); // 执行function b，输出 i : 1 [Function: c]
console.log(a()()); // 执行function b后，再执行function c， 输出 i : 2  3

 

二、箭头函数闭包函数

//箭头函数的闭包函数
var Add = (i = 0) => {
    ++i;
    console.log('I : ' + i);
    return (() => {
        return (() => ( ++i))
    })
};

var v = Add();  // 会执行方法内的非function语句  输出I : 1
console.log(v()()); // 第一个括号进入第一个箭头函数，第二个括号进入第二个箭头函数 输出 2
console.log(v()()); // 输出 3

 

//将++i放入第一个箭头函数中
var Add = (i = 0) => {
    return (() => {
        ++i;
        console.log('I : ' + i);
        return (() => ( ++i))
    })
};

var v = Add();  //会执行方法内除箭头函数的代码，初始化i=0
console.log(v()); //第一个括号进入第一个箭头函数，++i执行一次，所以执行完成i的值为1  输出 I : 1 [Function]
console.log(v()()); //两个箭头函数都会执行，++i执行两次，所以执行完成i的值为3  输出：I : 2  3

 

转载于:https://www.cnblogs.com/xiaochengzi/p/9876995.html