Javascript中的自执行匿名函数

最新推荐文章于 2024-05-24 08:14:46 发布

Vv王蓁蓁

最新推荐文章于 2024-05-24 08:14:46 发布

阅读量85

点赞数

分类专栏： JavaScript 文章标签： Javascript中的自执行匿名函数

本文链接：https://blog.csdn.net/sun80264629/article/details/84299284

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

格式：

(function(){
	alert("自执行匿名函数");
})();

解释：这是相当优雅的代码（如果你首次看见可能会一头雾水：）），包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。

/** 带参数的例子：**/
(function(arg){
    alert("带参数的函数：" + arg);
})(20);

重要用途：

1.可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许

2.定义全局化变量

(function() {
	function $(id){
         return document.getElementById(id);
    }
	function __setValue(id,value){
		$(id).value = value;
	}
	window['mySpace']={};
    window['mySpace']['setValue']=__setValue;
})();

执行：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript面向对象编程</title>
<script type="text/javascript" src="auto.js"></script>  
<script type="text/javascript">
	function init(){
		//$('txtId').value = 'test'; // 因为不允许，所有不能调用
		mySpace.setValue('txtId','test');
	}
</script>
</head>
<body οnlοad="init();">
	<input id="txtId">
</body>
</html>