IIFE(立即调用函数表达式 )
IIFE函数的声明和函数调用:
函数的声明中,我们首先看到的是function关键字,JS编译器认为这个是一个函数声明,为了解决上述问题,使用一对() 将函数的声明括起来,是的JS编译器不再认为这时一个函数声明,而是一个IIFE。
IIFE( 立即调用函数表达式)是一个在定义时就会立即执行的 JavaScript 函数。
(function () {statements
})();
这是一个被称为 自执行匿名函数 的设计模式,主要包含两部分。第一部分是包围在 圆括号运算符
()
里的一个匿名函数,这个匿名函数拥有独立的词法作用域。
这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。
第二部分再一次使用 ()
创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行函数。
示例
(function () {var name = "Barry";
})();
// 无法从外部访问变量 name
name // 抛出错误:"Uncaught ReferenceError: name is not defined"
将 IIFE 分配给一个变量,不是存储 IIFE 本身,而是存储 IIFE 执行后返回的结果。
var result = (function () {var name = "Barry";return name;
})();
// IIFE 执行后返回的结果:
result; // "Barry"
带参数的IIFE,可以带多个参数。
我们可以写一个类似 Jquery的插件:
(function(){function add(a,b){return a + b;}function sub(a,b){return a - b;}window.$ = function(){return {add:add,sub:sub}}})()
console.log($().add(3,5));
IIFE(立即调用函数表达式 )相关推荐
- js调用php函数兵每秒刷新,深入理解JavaScript立即调用函数表达式(IIFE)
立即调用函数 目录一.了解立即调用函数表达式 二.立即调用函数表达式报错了? 三.使用立即调用函数的正确姿势 四.常见使用场景 写在最后 一.了解立即调用函数表达式 1.1 思维导图 1.2 什么是立 ...
- 什么是 IIFE(立即调用函数表达式)?
它是立即调用函数表达式(Immediately-Invoked Function Expression),简称 IIFE.函数被创建后立即被执行: (function IIFE(){console.l ...
- 立即调用函数表达式(立即执行函数)
立即调用的匿名函又被称作是立即调用函数表达式(IIFE,Immemdiataely Inovked Function Expression);它类似函数声明,但由于被包含在括号中,所以会被解释为函数表 ...
- 函数声明、 函数表达式 与立即调用函数表达式的比较
函数声明 函数声明创建将来代码调用的函数.函数可以在声明之前的位置被调用.代码样例如下: //可以在声明之前的位置被调用 var size=area(3,6);function area(wid ...
- JS中的(IIFE)(立即调用函数)
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- IIFE(立即执行函数表达式)
我们经常会看到这样的写法: ;(fuction () {// do something })() 这就是一个简单的IIFE(立即执行函数表达式,immediately-invoked function ...
- Javascript 学习笔记 - 函数 - 关于IIFE - 关于函数声明和函数表达式 - 个人总结
一切起源于一段代码(近来学完java基础 开始学习敲一下javascript): var getter = function(){var dayNames=["Sunday",&q ...
- js函数表达式与函数声明_何时使用函数声明与函数表达式
js函数表达式与函数声明 科技术语系列 (Tech Jargon Series) It's likely you already know how to write functions in both ...
- javascript函数声明和函数表达式
JavaScript中定义函数最常用的方式是函数声明和函数表达式.这两种技术非常相似,有时甚至难以区分,但在后续章节中可以看到,它们之间还是存在着微妙的区别. JavaScript定义函数最基本方式是 ...
最新文章
- 【小知识】为什么负数除二和右移一位的结果不一样?
- java 读 xml_Java读写XML代码示例
- 如何利用openssl来计算md4, md5, sha1, sha256, sha384, sha512等常用哈希值?
- iOS- 快速实现展示布局
- C4D优质电商背景素材|分分钟搞定设计稿
- python dict hash_Python Hashmap/Dicti
- java参考文献大全
- Xshell 4使用
- tp无线路由器设置打印服务器,打印服务器复位大全tplink路由器设置
- html实现视频录制,保存和回放
- 2020年王者荣耀怎么设置英雄装备
- 2D 动画调整 position 产生的位移问题
- Exploitation and Exploration
- Java以毫秒为单位返回秒表记录的流逝时间(即求一个程序段的运行时间)
- POJ-2528 Mayor's posters (离散化, 线段树)
- CVE-2021-40539-Zoho ManageEngine ADSelfService Plus如何从bypass到RCE
- html5制作奥运五环,第一讲:使用html5——canvas绘制奥运五环
- Kubernetes安装与卸载
- 电脑使用越来越慢,如何解决
- 【收藏】2010年Ei收录的中国期刊