首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js 立即执行函数

立即执行函数 目录 立即执行函数 作用 参数 返回值 立即执行函数 立即执行函数模式是一种语法,可以让你的函数在定义后立即执行。...立即执行函数的组成 定义一个函数 将整个函数包裹在一对括号中 将函数声明转换为表达式 在结尾加上一对括号 让函数立即执行 代码实例 (function () { console.log("...+ who) })("kangkang") 代码实例2 (function (global) { console.log(global) })(this) 通常,全局变量被作为一个参数传递给立即执行参数...注意 通常你不应该给立即执行函数传递太多的参数,因为它很快会成为一个负担——为了理解代码是如何工作的,你不得不经常上下滚动源代码。...返回值 就像其它任何函数一样,一个立即执行函数也能返回值并且可以赋值给其它变量。 var num = (function () { return 4 })() console.log(num)

6.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    深入理解立即执行函数

    前言 立即执行函数常用于第三方库,它可以用来隔离变量作用域,很多第三方库都会存在大量的变量和函数,在ES5环境下为了避免变量污染,开发者想到的解决办法就是使用立即执行函数。...本文就跟大家分享下立即执行函数的相关知识点,欢迎各位感兴趣的开发者阅读本文。.../ 其他代码 }; (function($) { // 其他代码 })(jQuery); 不管在全局作用域有什么值指定给 ,在中,这些值都会被屏蔽, `参数一直指向Jquery方法...上述两种写法是等价的,要想立即执行函数做到立即执行,要注意两点: 函数体后面要有小括号 函数体必须是函数表达式而不能是函数声明 函数的声明方式 在讲它们两者之间的区别之前,我们先来了解下js函数的两种声明方式...")); 讲解到此处时,我们会发现,上述代码的写法正好是立即执行函数的第二种写法,我们知道函数体后面跟着小括号,这个函数就会立即执行

    1.3K30

    你真的知道『立即执行函数』吗?

    立即执行函数,经常使用,但是你确定了解它嘛? 下面,就来看看吧! 1、定义 立即执行函数,又称IIFE....'); }() 报错:Uncaught SyntaxError: Unexpected token ')' 原因:立即执行函数 ,是执行函数表达式,而不是函数声明式 4、函数表达式 当一个函数需要立即执行的情况...,平时我们没有加分号,js会自动为我们加上分号 如:console.log('hahha') js 解析成 console.log('hahha'); 而括号太多时,js不能正确识别,所以,就要我们自己加分号...且函数名不能在外部使用 8、立即执行函数的好处 1、可以创建一个与外界没有任何关联的作用域,独立作用域 2、执行完成后,自动销毁 3、ES3 ES5 立场上是没有模块的模仿,可用立即执行函数来模拟模块化...今天的分享就到这,还有关于立即执行函数的其它问题,欢迎提问

    61320

    前端面试之立即执行函数

    什么是立即执行函数 声明一个函数,并马上调用这个匿名函数就叫做立即执行函数。在定义好一个函数后,直接执行。...立即执行函数的写法 有时候,我们定义函数以后,立即调用该函数,这时不能在函数的定义后面直接加圆括号,这会产生语法错误。...解决方法: 1、使用立即执行函数,给每个li创建一个独立的作用域,在立即执行函数执行的时候,i的值从0到2,对应三个立即执行函数,所以就能正常输出了。...立即执行函数的参数 (function(i) { ... })(j) 如果立即执行函数中需要全局变量,全局变量会被作为一个参数传递给立即执行函数。j代表是实参,i代表的是执行函数的形参。...立即执行函数的作用 1、改变变量的作用域(创建一个独立的作用域)。 2、封装临时变量。

    1.7K10

    js除了立即执行函数,你还可以这么玩 (预计阅读 1 min)

    【本文预计阅读时长 1 min】 假如在同一个目录下,两个js里面可能有同名函数,后面js里定义的函数会覆盖前面js定义的函数,为了避免冲突,要用模块化的思想解决问题,大家可能都会使用立即执行函数去解决...'> js1.func1(); js2.show(); </html...= { func1, show }; // 全局暴露js2 })(window) 运行结果 test1.js--func1 test2.js--show 使用立即执行函数而不是直接暴露也做到来私有化...除此之外,我们能用其他的方法吗?既然是解决作用域的问题,那么我们也可以利用块级作用域来解决这个问题 ES6中出现了let,在块级作用域之外调用不到,那么新的写法就来了。...function() { console.log("test2.js--show"); } window.js2 = { func1, show }; } 执行效果一样也是一样的

    32110

    JavaScript立即执行函数(IIFE)的使用

    js立即执行函数(IIFE)有两种写法,分别为:(function ( ){})( ) 与 (function ( ){}( )) ,这两种写法基本上是没有区别的。 那么为什么要 IIFE?...1.传统的方法啰嗦,定义和执行分开写; 2.传统的方法直接污染全局命名空间(浏览器里的 global 对象,如 window) 函数范围与块范围界定 使用var关键字声明的局部变量的作用域为封闭函数。...通过这种方式,即使函数在IIFE的词法范围外执行,也会创建一个闭包,使函数能够访问局部变量。...捕获全局对象 JavaScript代码在不同环境执行时,你所使用的全局对象是不同的。当代码在浏览器运行时,全局对象是windows。但是在Node.js中,全局对象是global。...压缩方面的优化 混叠变量名的方法也可以用来优化代码,这种方式使代码能够被更有效的压缩。

    2.4K20

    关于js暂停执行方法

    JavaScript是一门单线程但是可处理异步任务的脚本语言,是没有提供sleep等类似的方法的,当有需求需要暂停js脚本时,可以使用以下的方法  单线程分析:http://blog.csdn.net/...talking12391239/article/details/21168489 一:alert,comfirm弹窗暂停 js的alert,confirm弹窗类方法,是可以暂停js脚本执行的 例如: <...这样弹窗,是需要点击确认才会执行下面的语句的 就算是定时器也一样暂停 var i=0; setInterval(function(){ console.log(i); i++;...服务器接收之后,sleep(time),到时间再输出,回到ajax回调函数,在这个时间 内,ajax是停止状态的 最后再补充几句,其实js是不能暂停脚本的,上面的方法,只是抢占当前浏览器线程,相当于该线程的某个语句一直还停留在当前浏览器线程..., 如:while,当前还未执行完while循环该方法,所以不能退出该线程 不让切换执行,所以实现了暂停 本文为仙士可原创文章,转载无需和我联系,但请注明来自仙士可博客www.php20.cn 上一篇

    7.2K00

    IIFE 立即执行函数表达式

    IIFE全称为Immediately Invoked Function Express-立即执行函数(表达式),顾名思义,是在定义之后立即执行的函数。...但是因为这里我们使用了闭包,我们可以通过暴露setName()方法,在外部修改该变量。全局变量的别名使用大量的JavaScript库可能会导致冲突,因为这些库对外暴露的对象可能同名。...幸运的是,你可以通过立即执行函数设置别名来解决这个问题:(function ($) {// You’re safe to use jQuery here})(jQuery);通过将代码包裹在IIFE中,...你还有IIFE可以用,Immediately Invoked Function Expression-立即执行函数可以达到相同的目的。...();console.log(greeting); // error: Uncaught ReferenceError: greeting is not defined正如在以上demo中见到的,在立即执行函数内部执行

    10510

    立即执行函数表达式(IIFE)

    这一执行环境调用的函数提供了一个非常简单的方法来创建私有作用域。...虽然在表达式之后放置括号说明这是一个将被执行的函数,但在声明之后放置括号会与前面的语句分离,成为一个分组操作符(可以作为优先提升的方法)。...作为约定,再做任务时使用括号仍然是一个好方法。 这一括号通常意味着函数表达式会被立即执行,变量将包含函数的结果而不是函数本身。...立即执行函数表达式最好的一方面就是,因为这个匿名函数表达式被立即执行,没有标识符,所以闭包的使用不会污染当前作用域。 “自执行匿名函数”有错误吗?...“立即执行函数表达式”是什么?它是一个被立即执行的函数表达式,就像这个名称会让你相信一样。 我希望看到 JavaScript 社区成员在他们的文章和报告中采用“立即执行函数表达式”这个术语。

    91950

    JavaScript之闭包问题以及立即执行函数

    https://blog.csdn.net/sinat_35512245/article/details/53514804 今天我将会来浅谈一下关于JavaScript的立即执行函数以及闭包问题...首先我们先要了解一下关于立即执行函数: ( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数...,再在后面加个括号调用函数,最后达到函数定义后立即执行的目的,后来发现加括号的原因并非如此。...要理解立即执行函数,需要先理解一些函数的基本概念。...,而函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式; 二、函数表达式后面可以加括号立即调用该函数,函数声明不可以,只能以fnName()形式调用 。

    94720

    JavaScript立即执行函数的解释分析(3)—谈谈圆括号()

    说明 前两篇文章,我们似乎已经明白为什么,立即执行函数要那样写了,这次为了能更加深入理解,我们来说说圆括号的事。...,如果有参数,需要放在圆括号中 //函数声明 传递形参 x function a(x){ console.log(x); } //函数调用 传递实参 2 a(2); 3、调用函数或者方法...函数声明的时候是不执行的,如果需要执行就要用到圆括号,来调用它。...console.log(1); }(); //()前面是函数声明 所以会报错 (function a(){ console.log(1); })(); //()前面是函数表达式 所以会立即执行...总结 这篇文章主要在说圆括号,也是为了能让大家更加理解立即执行函数,下一篇会对立即执行函数进行最后的总结。

    79430
    领券