0
点赞
收藏
分享

微信扫一扫

Web APIs 高阶函数 丨黑马程序员

高阶函数

可以被简单理解为函数的高级应用,JavaScript 中函数可以被当成【值】来对待,基于这个特性实现函数的高 级应用。

 


【值】就是 JavaScript 中的数据,如数值、字符串、布尔、对象等。

学习路径:


1. 函数表达式


2. 回调函数



1.1 函数表达式

函数表达式和普通函数并无本质上的区别:


Web APIs 高阶函数 丨黑马程序员_html

  • 普通函数的声明与调用无顺序限制,推荐做法先声明再调用
  • 函数表达式必须要先声明再调用

 


2.1 回调函数

  • 如果将函数 A 做为参数传递给函数 B 时,我们称函数 A 为回调函数
  • 简单理解: 当一个函数当做参数来传递给另外一个函数的时候,这个函数就是回调函数

 常见的使用场景:



Web APIs 高阶函数 丨黑马程序员_回调函数_02


Web APIs 高阶函数 丨黑马程序员_函数表达式_03


 本文章涉及到的代码

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>

<body>
<script>
let num = 10
//函数表达式
let fn = function () { }
btn.onclick = function () { }
// 高阶函数 函数的高级用法,把函数当值来看看

// 回调函数

// setInterval(function(){}, 1000)
function fn() { }
setInterval(fn, 1000)
// 此时 fn 就是回调函数 回头去调用的函数

box.addEventListener('click', fun)
function fun() {

}
</script>
</body>

</html>

思考


1. 函数表达式


  •  函数也是【数据】
  •  把函数赋值给变量

2. 回调函数


  •  把函数当做另外一个函数的参数传递,这个函数就叫回调函数
  •  回调函数本质还是函数,只不过把它当成参数使用
举报

相关推荐

0 条评论