欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript自执行匿名函数

程序员文章站 2022-06-14 12:10:15
概念分析 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的插件的写法如出一辙。