JavaScript封闭函数

最新推荐文章于 2022-04-13 21:33:02 发布

a_Joker_Ling

最新推荐文章于 2022-04-13 21:33:02 发布

阅读量371

点赞数

分类专栏： JavaScript Html 文章标签： javascript python js java php

本文链接：https://blog.csdn.net/a1209849629/article/details/105510089

版权

Html 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

JavaScript

15 篇文章 1 订阅

订阅专栏

封闭函数

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

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

function myalert(){
    alert('hello!');
};

myalert();

封闭函数：

(function myalert(){
    alert('hello!');
})();

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

!function myalert(){
    alert('hello!');
}()；

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript">
		
	/*	

	function myalert(){
			alert('hello world!');
		}

	myalert();

	转换成封闭函数的写法：

	*/


	/*(function(){

		alert('hello world!');

	})();*/


	//封闭函数的第二种写法：
	/*!function(){

		alert('hello world!');
	}();*/


	~function(){

		alert('hello world!');

	}();


	var iNum01 = 12;

	function myalert02(){
		alert('hello world!');
	}

	// 在封闭函数前加一个“;” , 可以避免js压缩时候出错。
	(function(){

		var iNum01 = 24;
		function myalert02(){
			alert('hello hello!');
		}
		alert(iNum01);
		myalert02();

	})();


	alert(iNum01);
	myalert02();

	</script>
</head>
<body>
	
</body>
</html>

a_Joker_Ling

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JavaScript封闭函数

封闭函数封闭函数是javascript中匿名函数的另外一种写法，创建一个一开始就执行而不用命名的函数。一般定义的函数和执行函数：function myalert(){ alert('hello!');};myalert();封闭函数：(function myalert(){ alert('hello!');})();还可以在函数定义前加上 “~”或 “!” ...
复制链接

扫一扫