函数—立即执行函数 || 回调

240 阅读2分钟

函数

  • JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
  • 您能够对代码进行复用:只要定义一次代码,就可以多次使用它。您能够多次向同一函数传递不同的参数,以产生不同的结果

一、普通函数

  • 先声明,再调用
  • image.png

二、回调函数

  • 英文:callback 简写 cb
  • 把一个函数当作参数传入到另一个函数里面,那么这个函数就为回调函数(回头调用的函数)
  • 本质上回调函数就是函数,只是作为函数参数来使用
  • 作用 :回调函数什么时候,当满足某些条件的时候才会执行 => 回调函数
  • 常见的使用场景:
  • image.png
  • 回调函数本质还是函数,只不过把它当成参数使用
  • 使用匿名函数做为回调函数比较常见

三、立即执行函数

  • 立即执行函数 === Immediately-Invoked Function Expression === IIFE
  • 立即执行函数,不需要调用立马执行的函数

语法:

  • 两种语法:
  • (function(){code})()
  • (function(){code}())
  • 注意: 多个立即执行函数之前,要用分号隔开
  • 建议,在立即执行函数的前面,加一个分号
  • image.png

什么时候加分号:

  • 没有应该不应该,只有你自己喜欢不喜欢。---- 尤雨溪
  • 如果一行代码 以 () [] 开头,们需要在前面加分号,其余的情况,不加分号都没问题。

参数:

  • 立即执行函数的传参, 第一个小括号里写形参后一个括号中写实参
  • image.png

作用:

  • 创建了一个独立的空间,避免了内部变量和外部变量相互影响
  • image.png
  • 输出结果:
  • image.png
  • 注意:
  • 立即执行函数中,如果变量没有关键字声明, 这个变量会挂载到window对象上,成为它的属性,或者说,这个变量变成了全局变量