forEach的第一个参数

接收回调函数

let a = ['a', 'b', 'c'];
a.forEach((v, k ,s)=>{console.log(v, k ,s);console.log(this);
})

v: value
k: key
s: 代表数组a本身
this指向当前函数执行所在的作用域,即window

forEach的第二个参数.

forEach第1个参数用于接收回调函数,第2个参数用于改变函数的作用域

let a = ['a', 'b', 'c'];
a.forEach(function(v, k ,s){console.log(this);
}, a)// 此时回调函数未使用箭头函数.因为箭头函数的作用域在声明时就固定了.而function声明的函式会随调用环境的改变而改变

实现

自定义forEach函数,
第一个参数接收数组
第二个参数接收回调函数,相当于forEach中的第一个参数
第三个参数接收作用域,相当于forEach中的第二个参数

function forEach(arr, cb, ctx){for(let i = 0; i < arr.length; i++){cb.call(ctx, arr[i], i, arr);}
}
let arr = ['a','b','c'];
forEach(arr, function(k ,v ,s){console.log(k, v, s);console.log(this)
}, arr)

es6 --- forEach的实现相关推荐

es6 - foreach
foreach ... 1 // es5 - foreach 2 arr.forEach(function(value, index, arr) { 3 console.log(value, inde ...
es6 forEach/map循环中断
1.for循环在循环的时候通过continue中断当次循环通过break中断整个循环通过retrun中断函数执行 2.es6的forEach/map循环只能通过return中断当次循环 //目的 ...
chararray遍历_数组常用的遍历方法 ——总结
看图了解数组常用的方法前言本文主要介绍数组常见遍历方法:forEach.map.filter.find.every.some.reduce,它们有个共同点:不会改变原始数组. 一.forEach: ...
web 前端学习线路图
web 前端学习线路图一.HTML 教程 HTML教程 HTML简介 HTML编辑器 HTML基础 HTML元素 HTML属性 HTML标题 HTML段落 HTML样式 HTML格式化 HTML引用 ...
浏览器适配IE浏览器问题
提示:文章写完后, 目录文章目录前言一.es6转换es5在线工具二.IE不兼容问题 1.es6 forEach 转 es5 for 2. Array.from在ie上面不兼容 3. IE 不兼 ...
前端面试题个人汇总(精简知识要点总结话术) / 前端小知识保持学习 (年终奖年终奖心心念念年终奖)
基础知识(学校里学过的那种) 浏览器IP寻址到到页面渲染完成的过程 1.浏览器构建请求 1.1 DNS域名解析寻找ip 浏览器缓存→系统缓存→运营商缓存→根DNS服务器 1.2 在应用层封装http ...
[学习笔记] ES6的数组遍历方式 for, forEach，for...in, for...of
javascript ES6有如果要遍历一个数组,我们有多个方式可以进行. 下面我们来分析一下各自的利弊. for循环 const langs = ['java', 'php', 'c++', 'py ...
2.0 es6中forEach以及数组操作
前言: 小白的js之路...... 1. 遍历数组/集合 forEach usernameArray = []; //遍历 users.forEach((user, index) => {let ...
js es6数组常用方法:forEach map filter find every

es6 --- forEach的实现

forEach的第一个参数

forEach的第二个参数.

实现

es6 --- forEach的实现相关推荐

最新文章

热门文章