javascript自执行匿名函数
程序员文章站
2023-11-11 19:39:40
概念分析
1. 什么是自执行的匿名函数? 它是指形如这样的函数: (function {// code})();2. 疑问 为什么(function {// code})()...
概念分析
1. 什么是自执行的匿名函数? 它是指形如这样的函数: (function {// code})();2. 疑问 为什么(function {// code})();可以被执行, 而function {// code}();却会报错?3. 分析(1). 首先, 要清楚两者的区别: (function {// code})是表达式, function {// code}是函数声明.(2). 其次, js"预编译"的特点: js在"预编译"阶段, 会解释函数声明, 但却会忽略表式.(3). 当js执行到function() {//code}();时, 由于function() {//code}在"预编译"阶段已经被解释过, js会跳过function(){//code}, 试图去执行();, 故会报错;当js执行到(function {// code})();时, 由于(function {// code})是表达式, js会去对它求解得到返回值, 由于返回值是一 个函数, 故而遇到();时, 便会被执行.自执行匿名函数:
- 常见格式:(function() { /* code */ })();
- 解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。
- 作用:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许(变量前加上window,这样该函数或变量就成为全局)。各javascript库的代码也基本是这种组织形式。总结一下,执行函数的作用主要为 匿名 和 自动执行,代码在被解释时就已经在运行了。因为js是函数作用域,所以如果想实现某个功能又不想污染全局变量的时候,会用这个自执行的匿名函数,常见于jquery插件。
自执行函数写法
(function () { /* code */ } )();
!function () { /* code */ } ();
~function () { /* code */ } ();
-function () { /* code */ } ();
+function () { /* code */ } ();例子
var data= {?? ?
??? table : [],?? ?
??? tree : {}?? ?
};?? ?
(function(dm){?? ?
??? for(var i = 0; i < dm.table.rows; i++){?? ?
?????? var row = dm.table.rows[i];?? ?
?????? for(var j = 0; j < row.cells; i++){?? ?
?????????? drawcell(i, j);?? ?
?????? }?? ?
??? }})(data);? //看过去是不是很熟悉,那就对了,跟jquery的插件的写法如出一辙。
上一篇: 纯JS单页面赛车游戏制作代码分享
下一篇: 测试PHP连接MYSQL成功与否的代码