Javascript函数之匿名函数以及立即执行函数的使用方法?

1、匿名函数

函数整体分成两大类,一类是具名函数,一类是匿名函数。

具名函数:声明函数,调用函数, function fn(){} fn()

匿名函数:没有名称的函数, function(){}

没有名字的函数,无法直接使用。

使用方式:(1)函数表达式 (2)立即执行函数

2、函数表达式

将匿名函数赋值给一个变量,并且通过变量名称进行调用,我们将这个称为函数表达式

语法:

调用函数:

// 1、函数表达式

// 把这个函数赋值给fn

let fn = function () {

console.log('我是函数表达式')

}

console.log(fn) //打印出来是一个函数

//调用函数

fn()

函数表达式与具名函数的区别:

具名函数,在哪个位置调用都可以;函数表达式,必须先写表达式,后调用。

// 函数表达式和我们具名函数的不同 function fn(){}

// 具名函数在哪里调用都行

fun()

function fun() {

console.log(1) //1

}

3、立即执行函数

场景使用:避免全局变量之间的污染

无需调用,立即执行

两个立即执行函数之间要加分号,否则会报错。

(1)第一种写法

语法:(function(){})();

(function(形参){})(实参);

(2)第二种写法

语法:(function () { }());

(function (形参) { }(实参));

相关推荐
@菜菜_达2 分钟前
jquery.inputmask插件介绍
前端·javascript·jquery
摸鱼小李上线了17 分钟前
vue项目页面添加水印实现方法
前端·javascript·vue.js
计算机安禾18 分钟前
【c++面向对象编程】第40篇:单例模式(Singleton)的多种C++实现
开发语言·c++·单例模式
砍材农夫23 分钟前
物联网 基于netty构建mqtt协议规范(主题通配符订阅)
java·前端·javascript·物联网·netty
_日拱一卒33 分钟前
LeetCode:114二叉树展开为链表
java·开发语言·算法
天天进步201536 分钟前
从零打造 Python 全栈项目:智能教学辅助系统
开发语言·人工智能·python
爱滑雪的码农39 分钟前
React Native 完整开发全流程(从零到上线)
javascript·react native·react.js
HwJack2044 分钟前
HarmonyOS APP开发中ArkTS/JS 类型错误全景拆解
javascript·华为·harmonyos
子琦啊1 小时前
构造函数、this指向和原型链机制
javascript·算法·贴图
kkeeper~1 小时前
0基础C语言积跬步之内存函数
c语言·开发语言