js-回调函数(高阶函数)

JavaScript024

js-回调函数(高阶函数),第1张

初次接触回调函数的时候,总是一直纳闷什么是回调函数,首先我们先弄清楚什么是回调函数?

在弄懂回调函数的之前我们要先弄懂什么是高阶函数:所谓高阶函数, 就是值函数的一个参数是函数(这个参数就是回调函数) , 或者函数的返回值是函数 , 满足这两个的其中一个 就是 高阶函数

   首先我们可以通过一组案例实现:

   //然后定义一个myFor(可以随便定义)函数,这个函数需要传两个参数:数组,回调函数。注意这里的myFore就是我们后期如果定义回调函数的一个方法名,图中的callback的意思就是回调函数所在的位置,只不过我们平常都习惯用callback这个名义去定义回调函数,参数名不固定。

这里我们通过一个例子去实现我们是如何调用回调函数的:

最后的答案是:

说的是高阶函数吧

/**

* 高阶函数 - 操作函数的函数,可以把一个或者多个函数作为参数,并返回一个新的函数;

*/

function not(f){

return function(){ // 这里 return 的是函数哦

/*var result = !f.apply(this,arguments)

if(!result){

console.log(arguments[0])

}

return result*/

return !f.apply(this,arguments)

}

}

/* 数组 every 方法的回调函数,这个方法有三个参数:

* value(当前元素的值)、

* index(当前元素的索引)、

* array(数组实例)。

*/

function even(value, index, ar) {

/*var result = value % 2 === 0

if(!result){

console.log(arguments[0])

}

return result*/

return value % 2 === 0

}

var arr = [2, 5]

/**

* every 方法会按升序顺序对每个数组元素调用一次传入 callback 函数,直到 callback 函数返回 false;

* 如果找到导致 callback 返回 false 的元素,则 every 方法会立即返回 false。 否则,every 方法返回 true;

* 如果 callback 参数不是函数对象,则将引发 TypeError 异常;

* thisArg 可选。可在 callback 函数中为其引用 this 关键字的对象。

* 如果省略 thisArg,则 undefined 将用作 this 值。

* eg. array1.every(callback[, thisArg])

*/

if (arr.every(even)) {

console.log("All are even.")

} else {

console.log("Some are not even.")

}

if (arr.every(not(even))) {

console.log("All are odd.")

} else {

console.log("Some are not odd.")

}