Самое непосредственное сравнение, которое я могу провести, это PHP, который в этом отношении имеет довольно большие отличия от Javascript.

Прежде всего, в PHP, если вы передаете массив функции и изменяете массив в функции, исходный массив фактически не изменяется. Массив полностью копируется по значению, если вы передаете его:

$arr = [];
func($arr);
var_dump($arr);

function func($arr) {
   $arr['key'] = 'value';
}

Когда вы используете var_dump($arr) в PHP, вы можете ожидать, что он будет иметь 'key' => 'value', но в PHP это не так.

Тот же пример на javascript выглядит так:

let obj = {};
func(obj);
console.log(obj);

function func(obj) {
   obj['key'] = 'value';
}

И вы можете видеть, что в отличие от примера с массивом PHP, прямое изменение объекта в Javascript меняет его в обоих местах.

Итак, это подводит нас к следующему большому отличию — PHP имеет полную функциональность передачи по ссылке, например:

$arr = [];
func($arr);
var_dump($arr);

function func(&$arr) {
   $arr['key'] = 'value';
}

Символ & в PHP означает передачу по ссылке, поэтому в этом примере в PHP вы увидите key => value, когда вы var_dump($arr).

Однако этот символ & на самом деле не делает поведение PHP с этой переменной идентичным поведению Javascripts. Поскольку в PHP это ИСТИННЫЙ проход по ссылке, вы можете сделать это:

$arr = [];
func($arr);
var_dump($arr);

function func(&$arr) {
   $arr = 2;
}

Так что, когда вы var_dump($arr), будет выведено 2, потому что func на самом деле меняет то, что $arr означает на фундаментальном уровне.

Для сравнения в Javascript функция func не может изменить то, что на самом деле ЗНАЧИТ obj, все, что она может сделать, это изменить то, что вы ей отправили. Итак, если вы попытаетесь сделать то же самое в javascript:

let obj = {};
func(obj);
console.log(obj);

function func(obj) {
   obj = 2;
}

... затем, когда вы console.log(obj), вы все равно получите пустой объект, с которого вы начали. func не может изменить то, что думает внешний мир, на что ссылается obj, используя символ =.

На самом деле я думаю, что у меня есть некоторое представление о том, как это работает.

Почему метод №1 не удался?

Когда требуется и вызывается внешняя функция, мы передаем ей переменную ответа. Эта переменная ответа в настоящее время имеет значение null. А функция before переназначает переменную ответа новому объекту ответа, который на самом деле не обновляется в контексте выполнения экспортируемой функции, поскольку null является одним из скалярных примитивов значения (число, строка, логическое значение, неопределенное значение, нуль, символ). Для скалярных примитивных значений javascript использует структуру памяти stack, и при каждом переназначении мы будем добавлять новое значение поверх стека, и переменная указывает на него. Таким образом, экспортируемая функция не знает о новом значении, помещенном в стек, а только ссылается на старое значение.

Почему метод № 2 оказался успешным

Теперь, когда мы оборачиваем ответ как объект, мы эффективно используем две структуры памяти: одна — стек, а другая — куча. Исходное значение ответа хранится в куче, а ссылка на него сохраняется в стеке. Таким образом, когда функция before обновляет ключ объекта данных (response), она фактически не помещает новое значение в верхнюю часть стека, а обновляет его в куче, т. е. сохраняя ту же ссылку. Таким образом, когда it внутри экспортируемой функции выполняется, она может найти исходные данные.

Надеюсь это поможет.

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

1 describe('Login Endpoint Test', function(){ 
   2 let data = null;
   
   3 before('test pre-requisites', async function(){
      8 this.timeout(15000);
      9 data.response = await endpointCall(); //returns response Object
   });   

   4 it('simple endpoint test', function(){
      //response is availble here.
      10 data.response.should.have.status(200);
   });
  
   /*Importing an external testfile.*/
   5 require('./externalTest.spec.js')(data);
})

// different file
6 module.exports = (data) => {
   7 it('external test', function(){
     11 console.log(data.response);
   })
}

Важными битами здесь являются (2) и (5). Вы говорите data is null, а потом require expternalTest.spec.js and pass it whatever data is (which is null).

Таким образом, everTest.spec.js просто немедленно получает данные как null, и у него никогда не будет и не может быть ничего другого. Вы прошли его null, так что все, вот что это такое.

Во втором методе порядок выполнения точно такой же, но вы не передали ему значение null, вы передали ему объект. Так что, конечно, когда объект изменяется (и свойство response получает значение), то, что expternalTest.spec.js видит как data, изменяется на, потому что data и есть этот объект!