立即执行函数和闭包

立即执行函数:

一、计时器

一次性定时器

                   setTimeOut(function(){

//1秒后执行

                   },1000)


停止一次性定时器:clearTimeout();


永久性定时器


                  setInterval(function(){

//1秒后执行,并且每隔一秒执行一次

                  },1000)

停止永久性定时器的方法:clearInterval();




一、函数声明与表达式

1.函数声明

             function fn(){

            console.log('hello world');

             }

              fn();


             fn();

            function fn(){

          console.log('HELLO JS');

          }   

//函数的声明可以把函数的调用放在任何位置都可以执行

2.函数表达式:相当于把一个匿名函数赋值给一   个变量

                 var foo=function(){

                  console.log('hello function');

             }

              foo();


            //函数表达式中函数的调用不可以放在顶部,会报错

二、立即执行函数:

我们之前使用的函数都是先定义,后调用。在JavaScript中我们可以定义一个函数,让他在定义的时候直接调用,我们叫他立即执行函数


要想立即执行函数能做到立即执行,要注意两点,

一是函数体后面要有小括号(),

二是函数体必须是函数表达式而不能是函数声明。


             (function(test){

             console.log(test);

             })(123)


             !(function(test){

             console.log(test);

             })(123)


             +(function(test){

             console.log(test);

             })(123)


            -(function(test){

             console.log(test);

             })(123)


              var fun=function(test){

               console.log(test);

             }(123456);



除了使用()运算符之外,!,+,-,=等运算符都能起到立即执行的作用。这些运算符的作用就是将匿名函数或函数声明转换为函数表达式


           for(var i=0;i<10;i++){

        setTimeout(function(){

             console.log(i);

    },1000)

上面的代码不会输出数字0到 9,而是会输出数字 10 十次。

闭包知识点:

//闭包是依赖于函数的,因为函数是js中唯一拥有自身作用域的结构


//函数的作用域:


                function fn1(){

                var a=100;

                console.log(a);

                }

                fn1();


                function fn2(){

                  var b=200;

                  console.log(2);

                }

                fn2();


两个单独的函数,分别都有自己的作用域,并且只能访问自己作用域中的变量,而无法访问其他作用域中的变量


如果想要两个函数访问其他函数作用域中的变量,这时候就需要函数的嵌套。这时候就会形成闭包


闭包:闭包是指有权访问另一个函数作用域中的变量的函数,也就是说,当函数嵌套的时候,我们可以叫内部函数为闭包,利用闭包的特性,我们可以通过返回值的方式得到内部函数中的变量


                 function fn1(){

                 var a=100;

                 console.log(a);

                 function fn2(){

                    var b=10;

                    console.log(b);

                    console.log(a);


                    return b;

                 }

                 return fn2;

                 }

                 fn1();



                 function fun1(){

                   var m=3;

                   function fun2(){

                    var n=5;

                    return n;

                   }

                   return fun2()

                 }


                 console.log(fun1);//5


//return n相当于把n的值给了fun2函数,所以先在fun2函数的值就是5.再return fun2就相当于把fun2的值再给了函数fun1;所以最后输出fun1的值为5



上面的代码中,我们通过两个返回值把内部函数的变量暴露出来,让全局作用域可以获取到这个变量,我们还可以进一步改变代码,让内部函数暴露,而不是让内部函数中的变量暴露


            function fun1(){

              var n=5;

            function fun2(){

               var m=3;

               return m;

            }

            return fun2;

            }


             console.log(fun1());

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,196评论 0 13
  • 1.函数声明和函数表达式有什么区别 (*) 区别: 函数声明后面的分号可加可不加,不加也不影响接下来语句的执行,但...
    Sheldon_Yee阅读 410评论 0 1
  • 面试题 首先,让我们来看一题面试题; 作用域 作用域(scope)指的是变量存在的范围。Javascript只有两...
    Ghj_小树阅读 1,852评论 0 3
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,102评论 1 10