Вродь как только 2 браузера осталось не на хромиуме - мазила и сафари, остальные на хромиуме

Добрый вечер в пост-короновирусном мире!

Подскажите, пожалуйста, почему в данном примере "publicTest" можно использовать в качестве property для budgetController - https://codepen.io/AndyGol/pen/JjGYQVJ?editors=1111

А почему нет?

Кстати, у тебя очень старый учебник (статья/урок)

Я новичок, поэтому у меня сейчас мышление не "а почему бы нет", а именно "а как он это сделал" ;)

Соответственно, у нас есть анонимный объект, у которого есть одна property. Этот объект создается в блоке return. Я не понимаю, почему эта property становится доступной для использования в качестве property для внешней функции budgetController.

я действительно использую старую версию видеокурса. Сейчас перейду на обновленную версию.

это замыкания, старая реализация паттерна "модуль"

вот тут похожий на твой пример разобран

1) Значением BudgetController становится то, что вернёт анонимная функция, это называется iife, "немедленно выполненое функциональное выражение", то есть, была объявлена анонимная функция и тут же выполнена, а то, что она вернула было присвоено переменной BudgetController
2) Теперь к тому, что эта функция делает. Она возвращает объект с одним методом, publicTest
3) Исходя из п.1 в переменной BudgetController лежит объект с одним методом publicTest
4) Ты его и вызываешь BudgetController.publicTest()
5) Функция add не содержалась в объекте, который был возвёрнут из iife, следовательно, её нет в обхекте, который лежит в BudgetController, следовательно, ты и не можешь его вызвать через BudgetController.add()

Если убрать iife для простоты, получится вот что

function CreateBudgetController(){
  let x = 0;
  function add(a){return x+a;}
  return {
    publicTest: function(b) {
     console.log(add(b))
    }
  }
}

const budgetController = CreateBudgetController();
budgetController.publicTest();

У тебя это просто собрано в один IIFE

Мне все понятно, за исключением пункта 3.

Получается вот так:

А. Есть переменная budgetController - понятно
Б. Есть анонимный объект, созданный через return и содержающий один method - publicTest - понятно.
В. Каким образом в JS имеется возможность взять переменную budgetController и присвоить ей method от внутреннего объект - вот это не понятно.

Значит, ты не понял п.1

Смотри

по этому вопросу все ок - вопрос именно по сообщению от 18:17.

function createObject(){
   return {someMethod(){}}
}

const a = createObject();

Теперь в a лежит то, что вернул createObject();
А вернул он объект

Это понятно?

Давай даже так

function createObject(){
   return {
     a:1, b:2, c:3
   }
}

const a = createObject();

a.a//1
a.b//2
a.c//3