JavaScript匿名函数和闭包介绍资源-CSDN文库

137 浏览量 2020-12-11 09:02:11 上传评论收藏 96KB PDF 举报

资源推荐

资源详情

资源评论

JavaScript 匿名函数和闭包介绍匿名函数和闭包介绍

匿名函数:没有名字的函数;

闭包:可访问一个函数作用域里的变量的函数;

一一匿名函数匿名函数

// 普通函数

function box(){ // 函数名是box;

return 'Lee';

}

box(); // =>Lee; 调用函数;

// 匿名函数

function(){ // 匿名函数,会报错;

return 'Lee';

}

// 通过表达式自我执行

(function(name){

console.log(name); // =>Lee;

})("Lee"); // "()"表示执行函数,并且可以传参;

// 把匿名函数赋值给变量

var box = function(){ // 将匿名函数赋给变量;

return 'Lee';

};

console.log(box()); // 调用方式和函数调用相似;

// 函数里的匿名函数

function box(){

return function(name){ // 函数里的匿名函数,产生闭包;

return name;

};

};

console.log(box()("Lee")); // 函数box()调用匿名函数,并传参;

二二闭包闭包

闭包:有权访问另一个函数作用域中的变量的函数;

创建闭包的常见方式:在一个函数内部创建另一个函数;通过另一个函数访问这个函数的局部变量;

// 通过闭包可以返回局部变量

function box(){

var user = 'Lee';

return function(){ // 通过匿名函数返回box()的局部变量user;

return user;

};

}

console.log(box()()); // =>Lee; 直接调用box()()来获得匿名函数的返回值;

var b = box();

console.log(b()); // =>Lee; 另一种调用匿名函数方式;

// 优点:可以把局部变量驻留在内存中,可以避免使用全局变量;

// (全局变量污染导致应用程序不可预测性,每个模块都可调用必将引来灾难;所以推荐使用私有的,封装的局部变量);

// 缺点:

// 通过全局变量来累加

var age = 100; // 全局变量;

function box(){

age++; // 模块级可以调用全局变量,进行累加;

};

box(); // 执行函数,累加一次;

console.log(age); // =>101; 输出全局变量;

box(); // 执行函数,累加一次;

console.log(age); // =>102; 输出全局变量;

// 通过局部变量无法实现累加

function box(){

var age = 100;

age++; // 实现累加;

return age;

}

console.log(box()); // =>101;

console.log(box()); // =>101; 无法实现累加,因为第二次调用函数时,函数内部变量age又被初始化了;

// 通过闭包可以实现局部变量的累加

function box(){

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余5页未读，立即下载

内容反馈

weixin_38729269

粉丝: 4
资源: 851

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip