<!DOCTYPE html>
<html lang="zh">
<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>
/*
高阶函数:
1、作为参数的函数
2、作为返回值的函数
*/
window.onload = function() {
// var aDiv = document.getElementsByTagName('div');
// for(var i = 0, len = aDiv.length; i < len; i++){
// aDiv[i].innerHTML = i;
// }
// var aSpan = document.getElementsByTagName('span');
// for(var i = 0, len = aSpan.length; i < len; i++){
// aSpan[i].innerHTML = i;
// }
function each(elements, callback) {
var callback = callback || function(){};
for(var i = 0, len = elements.length; i < len; i++){
elements[i].innerHTML = i;
var flag = callback.call(elements[i],i, elements[i]);
if(flag == false){
break;
}
}
}
var aDiv = document.getElementsByTagName('div');
var aSpan = document.getElementsByTagName('span');
each(aDiv,function(index, element){
console.log(this);
if(index > 1){
return false;
}
element.style.backgroundColor = 'pink';
});
each(aSpan);
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<span></span>
<span></span>
<span></span>
</body>
</html>
高阶函数应用场景each
最新推荐文章于 2022-10-16 21:18:49 发布