Собственный цикл forEach

denis_alekss · December 26, 2020

Прочитал статью по ссылке как создать собственный цикл foreach. Вот код:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
	
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2,5,7);

//Собсвенный цикл forEach
var each = function(arr, callback,thisArg) {
  var i, length = arr.length;
  for (i = 0; i < length; i = i + 1) {
    callback.call(thisArg,arr[i], i, arr);
  }
};

each(array3,(rez,d,array3)=>{
result.innerHTML+= d + ' - ' + rez + '<br> ';} ) 
  </script>
 </body>
</html>

Зачем нужен все-таки thisArg? Как увидеть в этом коде что он дает?

Igor Schnaider · December 27, 2020

Именно в этом примере ничего не делает. В вашей callback функции контекст this не используется вообще никак, поэтому thisArg ни на что не влияет.

Вот, сравните:

const arr1 = ['a', 'b', 'c'];
const arr2 = [1, 2, 3];

function each(arr, cb, ctx) {
  for (let i = 0, l = arr.length; i < l; i++) {
    cb.call(ctx, arr[i], i, arr);
  }
};

const cb = function(item, i, arr) {
  console.log(this[i] + item);
}

each(arr1, cb, arr1); // "aa bb cc"
each(arr1, cb, arr2); // "1a 2b 3c"

p.s. Эта cb() функция только для примера здесь. Смысла в такой реализации, конечно, нет.

Sign In

Собственный цикл forEach

Question

denis_alekss

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Igor Schnaider

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information