JavaScript高级:函数进阶-3.4 高阶函数

最新推荐文章于 2023-08-20 11:30:48 发布

前端小趴菜~时倾

最新推荐文章于 2023-08-20 11:30:48 发布

阅读量79

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/shiqing4387/article/details/127899121

版权

JavaScript 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

高阶函数是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。

<script>
	function fn(callback){
		callback&&callback();
	}
fn(function(){alert('hi')}
	 </script>

<script>
	function fn(){
		return function() {}
	}
fn();
</script>

此时fn 就是一个高阶函数
函数也是一种数据类型，同样可以作为参数，传递给另外一个参数使用。最典型的就是作为回调函数。
同理函数也可以作为返回值传递回来

练习:09-高阶函数-函数可以作为参数传递

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


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery.min.js"></script>
    <style>
        div {
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: pink;
        }
    </style>
</head>


<body>
    <div></div>
    <script>
        // 高阶函数- 函数可以作为参数传递
        function fn(a, b, callback) {
            console.log(a + b);
            callback && callback();
        }
        fn(1, 2, function() {
            console.log('我是最后调用的');


        });
        $("div").animate({
            left: 500
        }, function() {
            $("div").css("backgroundColor", "purple");
        })
    </script>
</body>


</html>