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

2022-12-03,,,,

一、标准的闭包函数
//一、标准的闭包函数
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

JavaScript闭包函数&箭头函数调用与执行的相关教程结束。

《JavaScript闭包函数&箭头函数调用与执行.doc》

下载本文的Word格式文档,以方便收藏与打印。