高阶函数的实现

forEach

var arr = [1,2,3]

//forEach 传入的fn里面要有三个参数分别是值 下标 遍历的数组

function myForEach(fn){

//使用for循环

for(var i=0;i<arr.length;i++){

//调用传入的函数

fn(arr[i],i,arr)

}

}

//调用

myForEach(function(v,i,arr){

console.log(v);//1,2,3

console.log(i);//0,1,2

console.log(arr);//[1,2,3]

})

map

var arr = [1,2,3]

//map 返回一个数组 数组里面值就是当前的函数执行后的返回结果

function myMap(fn){

//准备一个返回的数组

var returnArray = []

//使用for循环遍历

for(var i=0;i<arr.length;i++){

//将传入的函数的返回结果接收

var result = fn(arr[i],i,arr)

//添加到对应的返回数组中

returnArray.push(result)

}

//将数组返回

return returnArray

}

//调用

var mapArray = myMap(function(v,i,arr){

return v+'你好'

// console.log(v);

})

console.log(mapArray);//['1你好','2你好'],'3你好']]

var arr = [1,2,3]

//filter 过滤 返回一个数组function myFilter(fn){

//准备返回的数组

var returnArray = []

//遍历

for(var i=0;i<arr.length;i++){

//接收传入函数的返回值

var flag = fn(arr[i],i,arr)

//判断当前的函数是否返回值为true 为true加入到对应的数组

if(flag){

returnArray.push(arr[i])

}

}

return returnArray

}

//调用

var filterArray = myFilter(function(v){

return v>1

})

console.log(filterArray);//[2,3]

reduce

var arr = [1,2,3]

//reduce实现

function myReduce(fn,index){

//默认情况下第一次的prevoiseValue值为第一个

var prevoiseValue = arr[0]

//默认的index从1开始

if(typeof index != 'number'){

index = 1

}else{//传入了对应的index就是0 prevoiseValue值也是0

index = 0

prevoiseValue = 0

}

//遍历

for(var i=index;i<arr.length;i++){

//调用方法 将对应前面计算的值给到对应的prevoiseValue

prevoiseValue = fn(prevoiseValue,arr[i],i,arr)

}

return prevoiseValue

}

//调用

var result = myReduce(function(prev,current){

return prev*current

})

console.log(result);//6

some

var arr = [1,2,3]

//some 里面有一个return true 他就返回true 否则返回false

function mySome(fn){

//遍历

for(var i=0;i<arr.length;i++){

//接收对应的函数执行的返回值

var flag = fn(arr[i],i,arr)every (返回boolean类型 如果有false就返回false 没有返回true)

字符串新增

字符串模板

改变this指向新增方法

this指向

this在函数内的this指向当前函数的调用的者(全局调用的函数this指向window)

this在对应的对象内的函数指向当前的对象的

this在事件对应的函数内指向当前事件的目标元素

如果需要更改this指向那么我们可以给对应的函数调用对应的方法

//如果返回值有一个为true

if(flag){

//直接返回true

return true

}

}

//默认返回false

return false

}

//调用

var is = mySome(function(v){

return v>2

})

console.log(is);//true

every

var arr = [1,2,3]

//every

function myEvery(fn){

//遍历

for(var i=0;i<arr.length;i++){

//接收对应的函数执行的返回值

var flag = fn(arr[i],i,arr)

//如果返回值有一个为false

if(!flag){

//直接返回false

return false

}

}

//默认返回true

return true

}

//调用

var is = myEvery(function(v){

return v>0

})

console.log(is);//true

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容