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(立即调用函数表达式 )相关推荐

  1. js调用php函数兵每秒刷新,深入理解JavaScript立即调用函数表达式(IIFE)

    立即调用函数 目录一.了解立即调用函数表达式 二.立即调用函数表达式报错了? 三.使用立即调用函数的正确姿势 四.常见使用场景 写在最后 一.了解立即调用函数表达式 1.1 思维导图 1.2 什么是立 ...

  2. 什么是 IIFE(立即调用函数表达式)?

    它是立即调用函数表达式(Immediately-Invoked Function Expression),简称 IIFE.函数被创建后立即被执行: (function IIFE(){console.l ...

  3. 立即调用函数表达式(立即执行函数)

    立即调用的匿名函又被称作是立即调用函数表达式(IIFE,Immemdiataely Inovked Function Expression);它类似函数声明,但由于被包含在括号中,所以会被解释为函数表 ...

  4. 函数声明、 函数表达式 与立即调用函数表达式的比较

    函数声明    函数声明创建将来代码调用的函数.函数可以在声明之前的位置被调用.代码样例如下: //可以在声明之前的位置被调用 var size=area(3,6);function area(wid ...

  5. JS中的(IIFE)(立即调用函数)

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

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

    我们经常会看到这样的写法: ;(fuction () {// do something })() 这就是一个简单的IIFE(立即执行函数表达式,immediately-invoked function ...

  7. Javascript 学习笔记 - 函数 - 关于IIFE - 关于函数声明和函数表达式 - 个人总结

    一切起源于一段代码(近来学完java基础 开始学习敲一下javascript): var getter = function(){var dayNames=["Sunday",&q ...

  8. js函数表达式与函数声明_何时使用函数声明与函数表达式

    js函数表达式与函数声明 科技术语系列 (Tech Jargon Series) It's likely you already know how to write functions in both ...

  9. javascript函数声明和函数表达式

    JavaScript中定义函数最常用的方式是函数声明和函数表达式.这两种技术非常相似,有时甚至难以区分,但在后续章节中可以看到,它们之间还是存在着微妙的区别. JavaScript定义函数最基本方式是 ...

最新文章

  1. 【小知识】为什么负数除二和右移一位的结果不一样?
  2. java 读 xml_Java读写XML代码示例
  3. 如何利用openssl来计算md4, md5, sha1, sha256, sha384, sha512等常用哈希值?
  4. iOS- 快速实现展示布局
  5. C4D优质电商背景素材|分分钟搞定设计稿
  6. python dict hash_Python Hashmap/Dicti
  7. java参考文献大全
  8. Xshell 4使用
  9. tp无线路由器设置打印服务器,打印服务器复位大全tplink路由器设置
  10. html实现视频录制,保存和回放
  11. 2020年王者荣耀怎么设置英雄装备
  12. 2D 动画调整 position 产生的位移问题
  13. Exploitation and Exploration
  14. Java以毫秒为单位返回秒表记录的流逝时间(即求一个程序段的运行时间)
  15. POJ-2528 Mayor's posters (离散化, 线段树)
  16. CVE-2021-40539-Zoho ManageEngine ADSelfService Plus如何从bypass到RCE
  17. html5制作奥运五环,第一讲:使用html5——canvas绘制奥运五环
  18. Kubernetes安装与卸载
  19. 电脑使用越来越慢,如何解决
  20. 【收藏】2010年Ei收录的中国期刊

热门文章

  1. 企业为什么要上管理系统软件
  2. Windows11解决无法设置移动热点
  3. Portscan一款局域网端口扫描器
  4. 电脑显示系统无法自动配置网络连接服务器,win10系统本地连接IP配置出现故障无法连接网络如何解决-win10 网络...
  5. 基于Spring Boot的留学服务管理平台的设计与开发-计算机毕业设计源码
  6. Java基础之拆箱和装箱
  7. 计算机推免经历(西工大、南开、电科、哈工大威海)
  8. open函数详解与close函数详解
  9. 流处理器知识概述:什么是流处理器?
  10. 苹果6外音没有了怎么办_苹果手机没有设置闹钟每天都在响怎么办