前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 封闭函数

JavaScript 封闭函数

作者头像
Devops海洋的渔夫
发布2019-05-30 22:00:25
7560
发布2019-05-30 22:00:25
举报
文章被收录于专栏:Devops专栏Devops专栏

封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。

一般定义的函数和执行函数:

代码语言:javascript
复制
function myalert(){
    alert('hello!');
};

myalert();

封闭函数:

代码语言:javascript
复制
(function myalert(){
    alert('hello!');
})();

还可以在函数定义前加上“~”和“!”等符号来定义匿名函数

代码语言:javascript
复制
!function myalert(){
    alert('hello!');
}()

封闭函数的好处

封闭函数可以创造一个独立的空间,在封闭函数内定义的变量和函数不会影响外部同名的函数和变量,可以避免命名冲突,在页面上引入多个js文件时,用这种方式添加js文件比较安全,比如:

代码语言:javascript
复制
var iNum01 = 12;
function myalert(){
    alert('hello!');
}
(function(){
    var iNum01 = 24;
    function myalert(){
        alert('hello!world');
    }
    alert(iNum01);
    myalert()
})()
alert(iNum01);
myalert();

在封闭函数前面加;

在封闭函数前面加;,可以避免在js压缩成一行的时候报错。

代码语言:javascript
复制
;(function myalert(){
    alert('hello!');
})();
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.03.27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 封闭函数的好处
  • 在封闭函数前面加;
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档