es6 --- forEach的實現

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)

在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/250629.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/250629.shtml
英文地址,請注明出處:http://en.pswp.cn/news/250629.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

java Calendar

1.1 Calendar類概念 Calendar是日歷類&#xff0c;在Date后出現&#xff0c;替換掉了許多Date的方法。該類將所有可能用到的時間信息封裝為靜態成員變量&#xff0c;方便獲取。 Calendar為抽象類&#xff0c;由于語言敏感性&#xff0c;Calendar類在創建對象時并非直接創建&…

結對項目之需求分析與原型設計

結對項目之需求分析與原型設計 031402317 李佳愷 031402511 黃家俊 這是我們兩個人第一次合作&#xff0c;雖然結對是棟哥幫我們分配的&#xff0c;并且一開始我們就認識&#xff0c;但是也很開心有這個機會能一起合作完成任務。 初步分工我負責隨筆&#xff0c;家俊負責原型設…

javaEE項目部署方式

1、手動部署 2、自動化部署 “自動化”的具體體現&#xff1a;向版本庫提交新的代碼后&#xff0c;應運服務器上自動部署 轉載于:https://www.cnblogs.com/zyc-blogs/p/9674606.html

vue --- 2.0數據的響應式的一種實現

初識: 實際上是通過Object.defineProperty()方法來實現的talk is cheap, show your code let obj {}; Object.defineProperty(obj, name, {get(){return document.querySelector(#name).innerHTML;},set(newVal){document.querySelector(#name).innerHTML val;} })// 注1: …

心得開始之路

本人是大四實習狗&#xff0c;現在最大的問題是什么&#xff1f; 一&#xff1a;實力不夠 二&#xff1a;人又懶 開始以為就做做運維&#xff0c;學學服務器就可以了&#xff0c;但是現在才發現&#xff0c;嗯&#xff0c;不會開發的運維什么都不算。 現在開始學習Python自動運…

結對編程作業——畢設導師智能匹配

結對編程作業——畢設導師智能匹配 031402317 李佳愷031402511 黃家俊 問題描述及要求 輸入30個老師&#xff08;包含帶學生數的要求的上限&#xff0c;單個數值&#xff0c;在[0,8]內&#xff09;&#xff0c;100個學生&#xff08;包含績點信息&#xff09;&#xff0c;每…

內置函數二

內置函數: 1.lambda 匿名函數 lambda 參數:返回值 例    resultlambda x,y:xy sresult(x3,y4) print(s) 2.sorted 排序 sorted(iterable, keyfunc, reverseTurn/False) 例    lst [1, 8, 18, 19, 97, 12, 3] lst.sort() lst自帶的排序功能  l2 sorted(lst) 排序…

vue --- 2.0響應式補充

補充: 數組的響應式 // 對數組的方法進行重寫 // 1. 不能影響本來的方法 // 2. 調用的時候可以找到它 let odlArrayPrototype Array.prototype; let proto Object.create(odlArrayPrototype); // 繼承 [push,shift,unshift].forEach(method >{proto[method] function(){…

OptaPlanner - 把example運行起來(運行并淺析Cloud balancing)

經過上面篇長篇大論的理論之后&#xff0c;在開始講解Optaplanner相關基本概念及用法之前&#xff0c;我們先把他們提供的示例運行起來&#xff0c;好先讓大家看看它是如何工作的。OptaPlanner的優點不僅僅是提供詳細豐富的文檔 &#xff0c;還為各種應用場景提供豐富的示例&am…

es6 --- 使用proxy對數據進行劫持

說明: 數據劫持,簡單的說就是在對數據進行操作(增刪改查)時,觸發的函數下面想通過使用以下的形式來使用: let proxy reactive({ name:lz }); proxy.name; // 獲取 proxy.name 栗子; // 設置 delete proxy.name; // 刪除解決方案: proxy函數的2個參數第一個參數: 接收一…

Java8-如何構建一個Stream

Stream的創建方式有很多種&#xff0c;除了最常見的集合創建&#xff0c;還有其他幾種方式。 List轉Stream List繼承自Collection接口&#xff0c;而Collection提供了stream()方法。 List<Integer> list Lists.newArrayList(1, 2, 3); Stream<Integer> stream li…

軟件產品案例分析

軟件產品案例分析 第一部分&#xff1a; 評測&#xff1a; 上手體驗&#xff1a; 說實話&#xff0c;在老師布置這個作業之前我確實不知道有K米這個APP&#xff0c;我想這是很少去KTV的原因吧。。。不過在接到這個作業后&#xff0c;我就去百度了普及了一下這個app的相關知識。…

java/android 做題中整理的碎片小貼士(12)

1、edittext中設置最長字數&#xff0c;可在xml中加入android:maxLength"10"&#xff0c;可在java代碼中加入editText.setFilters(new InputFilter[]{new InputFilter.LengthFilter(20)}); 2、edittext監聽軟鍵盤delete按鍵&#xff1a; Et.setOnKeyListener(new Vi…

POJ2777(線段樹裸題)

題目&#xff1a;http://poj.org/problem?id2777 別忘了各地的return&#xff1b; 有可能輸入的L<R&#xff0c;手動swap&#xff1b; 似乎是多組輸入&#xff1f; pushup和pushdown的位置。 &#xff08;原來pushup只有一行&#xff09; 要開四倍數組。是這種寫法的原因吧…

vue --- 2.0 編譯的實現

初識 假設html中有如下dom: <div id"app"><!-- 插值綁定 --><p>{{name}}</p><!-- 指令解析 --><p l-text"name"></p><p>{{age}}</p><p>{{doubleAge}}</p><!-- 雙向綁定實現 -->…

個人作業收官——軟件工程實踐總結

一、回望與展望 1.1 對比現在和開學初博客開篇的課程目標和期待 當初的目標&#xff1a; 提升團隊合作的能力能夠學習到開發的一系列流程&#xff0c;以及如何寫高質量的代碼加強自己的編碼能力&#xff0c;以及編碼習慣熟悉不同平臺的開發過程 如今&#xff1a; 基本的目標都…

sklearn中SVM調參說明

寫在前面 之前只停留在理論上&#xff0c;沒有實際沉下心去調參&#xff0c;實際去做了后&#xff0c;發現調參是個大工程&#xff08;玄學&#xff09;。于是這篇來總結一下sklearn中svm的參數說明以及調參經驗。方便以后查詢和回憶。 常用核函數 1.linear核函數: K(xi,xj)xTi…

TZOJ 3030 Courses(二分圖匹配)

描述 Consider a group of N students and P courses. Each student visits zero, one or more than one courses. Your task is to determine whether it is possible to form a committee of exactly P students that satisfies simultaneously the conditions: every stude…

vue --- configureWebpack模擬后臺數據

初識 使用vue/cli搭建的項目可以在vue.config.js中,模擬一個后臺(express寫法)vue.config.js configureWebpack: {devServer: {// 模擬后臺服務器 express寫法before(app) {app.get(/api/login, function(req, res) {const { username, passwd } req.query;console.log(user…