美文网首页我爱编程
2018-03-26 什么是自执行函数?

2018-03-26 什么是自执行函数?

作者: OK_8242 | 来源:发表于2018-03-26 09:37 被阅读0次

 小课堂对于自执行函数的理解:

什么是自执行函数?

                网上对这种类型的函数的叫法众说纷纭。

                有的人说是立即调用函数,有的人说自动执行函数,并没有一个清晰的概念。

                叫它为“自执行”函数也行,称呼为“立即调用的函数表达式”也可以。

什么是函数?

 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。  函数能接受输入的参数,不同的参数会返回不同的值。

函数的声明:

使用function命令声明的函数叫函数的声明。

                    function命令后面是函数名,函数名后面是一对圆括号,

                    里面是传入函数的参数。函数体放在大括号里面。

                    函数声明后不会立即执行,会在我们需要的时候调用到。

                    如下例子:

                    function print(s) {

                    console.log(s);

                    }

函数表达式:

JavaScript 函数可以通过一个表达式定义。函数表达式存储在变量中.如:var x = function (a, b) {return a * b};

                    在函数表达式存储在变量后,变量也可作为一个函数使用。这种形式的函数实际上是一个 匿名函数 (函数没有名称)。

                    函数存储在变量中,通过变量名来调用。函数需要以分号结尾,因为它是一个执行语句。

构造函数;

函数通过内置的 JavaScript 函数构造器(Function())定义: var myFunction = new Function("a", "b", "return a * b");

自执行函数:

 自执行函数,可以让函数在定义后立即被执行.

                主要用于创建一个新的作用域,在此作用域内声明的变量,

                不会和其它作用域内的变量冲突或混淆,

                大多是以匿名函数方式存在,且立即自动执行。语法形如:

                (function( ){

                console.log("test");

                })( );

               
或者

                (function( ){

                console.log("test");

                }( ));

               
还有一些流行的jQuery库:

                (function( window, undefined ) {

                // code here

                }) ( window );

如何使用自执行函数:

对于函数表达式,在后面加括号即可以让函数立即执行;例如下面这个函数;

var a=function(){

        alert("你好");

    }();

但是对于下面这个函数就会报错:

function (){

        alert("大家好");

    }();

如何让这种匿名函数直接执行,这就用到今天讲的自执行函数。用括号将整个函数包裹起来;

(function (){

        alert("大家好");

    }());

                函数只要是要调用它进行执行的,都必须加括号。此时,函数实际上等于函数的返回值或者执行效果,

                当然,有些没有返回值,但已经执行了函数体内的行为,就是说,加括号的,就代表将会执行函数体代码。

                不加括号的,都是把函数名称作为函数的指针,一个函数的名称就是这个函数的指针,此时不是得到函数的结果,

                因为不会运行函数体代码。它只是传递了函数体所在的地址位置,在需要的时候好找到函数体去执行。

                因为JavaScript里括弧()里面不能包含语句,所以在这个形式上,解析器在解析function关键字的时候,会将相应的代码解析成function表达式,而不是function声明。

小课堂提问;

1自执行函数有哪些用处?

javascript中没用私有作用域的概念,如果在多人开发的项目上,

                    你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,

                    根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,

                    用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,

                    所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。

                    JQuery使用的就是这种方法,将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中,

                    在全局作用域中调用JQuery代码时,可以达到保护JQuery内部变量的作用。

2  函数声明和匿名函数为何不能直接在后面加()实现自执行:

因为在解析器解析全局函数的或者函数的内部函数关键字的时候,默认是认为函数声明。而不是一个函数表达式,如果你不显示告诉编译器,他默认会声明成一个缺少名字的函数,并抛出一个语法错误。因为函数声明需要一个名字:

3 为何给函数声明后面加上()也会报错?

报错的原因和匿名函数报错的原因不一样,在一个表达式后面加上()函数会立即执行,但是在一个语句后面加上()。是完全不一样的意思,他的知识分组操作符。

相关文章

  • 2018-03-26 什么是自执行函数?

    小课堂对于自执行函数的理解: 什么是自执行函数? 网上对这种类型的函数的叫法众说纷纭。 ...

  • 什么是自执行函数?

    大家好,我是IT修真院的学员,一枚正直纯洁善良的web前端程序员 今天给大家分享一下什么是自执行函数? 1.背景介...

  • 什么是自执行函数?

    大家好,我是IT修真院武汉分院第7期的学员景鑫,一枚正直纯洁善良的WEB前端程序员。 1.背景介绍 在详细讲解自执...

  • 什么是自执行函数?

    1.背景介绍 在详细讲解自执行函数之前,我们先来说一下这个函数在叫法上的争议。实际上不同的人对自执行函数的理解不太...

  • 什么是自执行函数?

    大家好,我是IT修真院萌新分院的王寒,一枚正直,纯洁,善良的前端程序员。 1.背景介绍 在详细讲解自执行函数之前,...

  • review javascript 09:自执行匿名函数

    (1)知识点 (1.1)自执行匿名函数是什么? (2)细化 (2.1)自执行匿名函数是什么? 自执行匿名函数:常见...

  • JS自执行函数,匿名函数

    自执行函数 先来看个最简单的自执行函数 相当于声明并调用 自执行函数也可以有名字 自执行函数也可以传参 下面我们来...

  • Js

    1.自执行函数?用于什么场景?好处? 自执行函数:1、声明一个匿名函数2、马上调用这个匿名函数。作用:创建一个独立...

  • JavaScript this

    一、this是谁 作为普通函数调用/自执行,this在全局/自执行(函数名())时,this指向window,实际...

  • 自执行函数

    只有表达式才能被执行函数执行,所以会有以下几种写法

网友评论

    本文标题:2018-03-26 什么是自执行函数?

    本文链接:https://www.haomeiwen.com/subject/xeulcftx.html