zoukankan      html  css  js  c++  java
  • js立即执行函数

    1 var aa=10;
    2 (function(a){
    3        console.log("hello world"+a);
    4 })(aa);

    ”立即执行函数”(Immediately-Invoked Function Expression,IIFE),可以达到不暴露私有成员的目的

    //立即执行函数,下面两种写法,没有区别
    1
    (function(){...})() 2 (function(){...}())
    //传统的方式
    1 function
    foo(){...} //这是定义,Declaration,只是让解释器知道其存在,不会运行 2 foo(); //这是语句,解释器遇到语句会运行它

    基本概念:

    函数声明:function fname(){...}; 使用function关键字声明一个函数,再指定一个函数名。

    函数表达式:var fname=function(){...}; 使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予给一个变量。

    匿名函数:function(){}; 使用function关键字声明一个函数,但未给函数命名。(匿名函数也属于函数表达式。)

    (匿名函数作用很多,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序等。。)

    关于函数声明和函数表达式的区别:

    1:函数声明的Function declaration Hoisting(换成人话就是函数声明提升),函数表达式不具备这点,它需要被js代码解析到当前这行时才可以调用。

    2:函数表达式后边加 ()立即调用该函数,函数声明不可以,它只能以fname()调用。

    例子:

    fName();
    function fName(){...}//正确,函数声明提升,所以 fName()可以写在函数声明之前。
    
    fName();
    var fName=function(){...}//错误,函数表达式不具备函数声明提升。
    
    var fName=function(){...}();//正确,函数表达式后边加()立即调用函数。
    
    function fName(){...}();//错误,函数声明必须用fName()调用。这行代码被解析为两部分: 1函数声明 function fName(){...}, 2分组表达式(),这表达式有误,因为括号内没有表达式,

    function (){...}(); //匿名函数不可以这么调用,因为function(){...}被当做了声明,声明不可以直接()调用。

      

    为什么要IIFE呢?

    1:传统的方法啰嗦。 2:传统的方法污染全局命名空间

    于是 我们这么写  function foo(){...}();  这样写行么。。

    不行,为啥,因为function foo(){...}这部分只是声明,对解释器来说,像是你写了串字符串“function foo(){...}”,

    它需要的是解析函数,可以用比如eval()来执行它才可以。所以把()直接放声明后边是不行的,错误语法!

    然而,我们距离成功相当接近,只需要把函数声明变成函数表达式就可以了。方法非常多,最常见的方法是用一对() 包裹起来。 (function foo(){...})(); 

    这就等价于

    1 var foo= function(){...};
    2  foo();

    当然 还有很多别的方法可以把声明变成表达式:

    1 !function foo(){...}(); 
    2 +function foo(){...}(); 
    3 void function() {...}();
    需要全局对象的时候,可以这么传, 举例:
    1 void function(global){
    2     console.log("a's value is: "+global.aa);  //可以获取全局对象中aa的值
    3 }(this)


  • 相关阅读:
    万科郁亮:不赚最后一枚铜板,不盯竞争对手
    京东到底是家零售企业 还是家互联网公司?
    Google Shopping对卖家开放 或抗衡亚马逊
    网易大裁员,善变的丁磊开始焦虑了
    菜鸟物联网战略引领行业数字化升级
    入淘创业的新赛道:淘宝自运营覆盖50万商家
    腾讯的人工智能大战已然打响!
    冷链物流市场三个重要的发展趋势
    有人的地方就有江湖,来看看这三个男生和闲鱼的故事
    CSS布局-垂直居中问题
  • 原文地址:https://www.cnblogs.com/guiyishanren/p/13442065.html
Copyright © 2011-2022 走看看