我是靠谱客的博主 昏睡路灯,最近开发中收集的这篇文章主要介绍JS函数---自调用函数理解{}和()的用途自调用函数含义:自调用函数实现方法闭包和自执行函数的关系,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

文章目录

  • 理解{}和()的用途
    • {}
    • ()
    • 两者联系
  • 自调用函数含义:
  • 自调用函数实现方法
    • 对于函数声明
    • 对于函数表达式
  • 闭包和自执行函数的关系
    • 闭包是?
    • 自执行函数

理解{}和()的用途

{}

  • 包围对象object
  • 包围代码块 code block(如方法体或者普通的代码块等等)

()

  • 包围参数列表
  • 包围表达式,(自调用表达式),即包围一些代码(需要通过运算得出结果的代码)(其中包围的代码会执行一次

两者联系

  • 函数表达式可以自调用(即自动运行一次)
  • 不能自动调用声明的函数
    经常有()包围{}的地方,用于将{}`的内部执行一次,计算出结果

自调用函数含义:

自调用时一次性函数,声明的同时调用,页面加载完毕,函数也执行完毕

自调用函数实现方法

针对函数声明函数表达式 ,函数自调用实现方法也有所不同

对于函数声明

不能自动调用函数声明,可以通过()来受说明他是一个函数表达式
实现方法:
可以使用 ()、+、-、!等在函数前实现函数声明的自调用

  • 一般常用两种 使用 ()和 !
//使用 () 实现自调用
(function f(a) {
	return a*a;
}(1))
//使用 ! 实现自调用
! function f(a) {
	return a*a;
}(1);
// 使用 + 实现自调用
+ function f(a) {
	return a*a;
}(1);
// 使用 - 实现自调用
- function f(a) {
	return a*a;
}(1);

对于函数表达式

//两种常用写法
1. (function(形参列表) {
	return ....
})(实参列表);

2. (function(形参列表) {
	return ....
}(实参列表));

闭包和自执行函数的关系

闭包是?

关于闭包的基础知识可以详见这边文章闭包

自执行函数

使用自执行函数的好处:

  • 函数只执行一次,外层函数会自动执行
  • 使代码更加整洁,可以省略掉一个函数的声明
//自执行函数自动执行,将返回的函数体赋值给var 声明的变量 a;
var a = (function() {
	var n =0;
	//内层函数
	return function() {
		return n += 1;
	}
})()
//直接调用a() 就可以调用内层函数,就能够使用自执行函数的私有变量n
a();

最后

以上就是昏睡路灯为你收集整理的JS函数---自调用函数理解{}和()的用途自调用函数含义:自调用函数实现方法闭包和自执行函数的关系的全部内容,希望文章能够帮你解决JS函数---自调用函数理解{}和()的用途自调用函数含义:自调用函数实现方法闭包和自执行函数的关系所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(68)

评论列表共有 0 条评论

立即
投稿
返回
顶部