Может ли кто-нибудь объяснить, как эта переданная функция возвращается и вызывается? - Javascript

Question

Я читал статью об обертывании функций и натолкнулся на этот пример, в котором показано, как можно обернуть функцию для определения ее производительности.

function profile(func, funcName) { 
    return function() { 
    var start = new Date(), 
     returnVal = func.apply(this, arguments), 
     end = new Date(), 
     duration = stop.getTime() - start.getTime(); 

    console.log(`${funcName} took ${duration} ms to execute`); 
    return returnVal; 
    }; 
} 

var profiledMax = profile(Math.max, 'Math.max'); 
profiledMax.call(Math, 1, 2); 
// => "Math.max took 2 ms to execute" 

Я смущен, потому что эти строки:

returnVal = func.apply(this, arguments), 

и:

return returnVal; 

Путь я смотрю на него, когда вы звоните профиля (Math.max. ..), который вернет анонимную функцию, так как же эту анонимную функцию можно вызвать с помощью аргументов? Я бы подумал, что вам нужно будет вернуться, а затем вызвать эту анонимную функцию, чтобы получить доступ к returnVal, который также является функцией? Как это:

var profiledMax = profile(Math.max, 'Math.max'); 
var moreProfiledMax = profiledMax(); 
moreProfiledMax.call(Math, 1,2) 

Answer 1

Ok это очень просто, сначала вы получили эту функцию, обертка другая функция

function profile(func, funcName) { 
    return function() { 
    var start = new Date()**;** 
     returnVal = func.apply(this, arguments)**;** 
     end = new Date()**;** 
     duration = stop.getTime() - start.getTime(); 

    console.log(`${funcName} took ${duration} ms to execute`); 
    return returnVal; 
    }; 
} 

эта линия:

var profiledMax = profile(Math.max, 'Math.max'); 

выполнить функцию Outter передавая ему аргументы, которые будут сохранены в рамках внутренняя функция, определяемая функцией outter. И, наконец, внутренняя функция возвращается, как если бы вы были:

var profiledMax = function() { 
     var start = new Date(); 
      returnVal = **Math.max**.apply(this, arguments); 
      end = new Date(); 
      duration = stop.getTime() - start.getTime(); 

     console.log(`${funcName} took ${duration} ms to execute`); 
     return returnVal; 
     } 

, а затем эту строку:

profiledMax.call(Math, 1, 2); 

выполняет profiledMax передавая ему 2 аргумента (вы можете передать аргументы любой функции в JS) и связывание this ключевое слово для объекта Math, как если бы эта функция была выполнена:

function() { 
    var start = new Date(), 
     returnVal = Math.max.apply(**Math**, arguments), 
     end = new Date(), 
     duration = stop.getTime() - start.getTime(); 

    console.log(`${funcName} took ${duration} ms to execute`); 
    return returnVal; 
    }; 

проблема с вашим предложением, когда вы делаете это: var moreProfiledMax = profiledMax();returnVal = func.apply(this, arguments); сломается, потому что func не будет существовать в области.

Answer 2

returnVal не является функцией, а является результатом вызова func. Метод apply будет выполнять метод, в отличие от bind, который вернет функцию.