Javascript: почему определение переменной как результата функции не позволяет мне включить этот файл в HTML?

Скажем, у меня есть javascript в yum.js, который определяет класс, подобный этому

У вас нет класса, в смысле шаблона, из которого можно создавать экземпляры, у вас есть объект. JavaScript не имеет классов в том смысле, как, скажем, Java, хотя вы можете использовать функции JS в качестве конструкторов объектов, если они вызываются с ключевым словом new.

1) Почему инициализация переменной в качестве возвращаемого значения функции не позволяет мне включить файл в HTML страницы?

Это не имеет никакого отношения к тому, включаете ли вы JS в качестве внешнего файла - даже если вы включили его в блок скрипта в вашем html-файле, он все равно не будет работать.

Проблема заключается в том, что вы не инициализируете переменные (множественное число), вы создаете единственную переменную Yum, которая инициализируется из объектного литерала. То, что вы считаете "переменными", на самом деле является "свойствами" этого объекта. Синтаксис JS object literal не позволяет задайте свойства, которые ссылаются на другие свойства того же объекта - если вы думаете об этом, объект не существует до после, что строка кода выполняется и весь литерал объекта был оценен, и, конечно, вы не можете ссылаться на свойства чего-то, что еще не существует.

То, что вы можете сделать, это инициализировать большинство свойств объекта через объектный литерал, а затем добавить свое pie_string свойство:

var Yum = {
   MY_ID: "[email protected]",
   MAX_PIES: 100,
   pies_eaten: [],
   get_best_pie: function() {
      return "blueberry";
   }, 
   eat_pie: function(pietype) {
      alert("mmmm, " + pietype);
   }
}

Yum.pie_string = Yum.get_best_pie();

Или определить функцию get_best_pie() независимо от литерала объекта, а затем установите СВОЙСТВО pie_string из него:

function get_best_pie() {
   return "blueberry";
}

var Yum = {
   pie_string : get_best_pie(), 
   eat_pie: function(pietype) {
      alert("mmmm, " + pietype);
   },
   // etc
}

2) есть ли способ получить сообщение об ошибке о неудачном включении, или молчаливый отказ является нормальным / ожидаемым от JavaScript?

Включение файла является успешным , но затем вы получаете ошибку JavaScript, которую вы уже видите (ту, которую вы процитировали).

Что касается вашего раздела "дополнительная информация", то код, который вы цитируете, опять же не создает переменная-с синтаксисом : она должна быть извлечена из середины другого объектного литерала, создавая свойство. Если это так, то вполне допустимо, чтобы он был установлен на возврат из функции, определенной как свойство другого объекта, который уже существует - я думаю, вы найдете, что это происходит.

Потому что никогда не существует функции, вызываемой get_best_pie для вызова

Это член объекта, в частности объекта, который еще не существует, поэтому даже если вы назовете его правильным именем (Yum.get_best_pie()), он все равно не будет работать. вы должны определить функцию вне объекта, используя

function get_best_pie(){
    //...
}

Где-то в файле

во время создания объекта вы пытаетесь присвоить одно из свойств возвращаемому значению другого свойства (функции), объявленного в том же объекте!

В javascript объекты не имеют области видимости, только функции. Таким образом, ссылка на get_best_pie() в определении объекта Yum будет относиться к окну, как в window.get_best_pie, которого не существует. Поскольку Yum еще не существует, функция, которую вы хотите вызвать (возвращаемое значение которой вы хотите сохранить в pie_string), еще не существует (до тех пор, пока объект не будет создан).

Причина, по которой библиотеки, которые вы рассматриваете, работают, заключается в том, что они, по-видимому, не ссылаются на создаваемый объект контейнера. Они ссылаются на объект Components, который уже должен быть создан (или, если нет, то фрагмент кода, который вы дали, существует внутри функции, которая не вызывается во время создания объекта).

Javascript не имеет явного способа создания геттеров и сеттеров для свойств (до сих пор, хотя идеи по этому поводу находятся в работе). Это означает, что свойства должны быть простыми скалярами или объектами, которые разыменованы без скобок, или вместо этого вы должны использовать функции и разыменовать значение с помощью скобок, чтобы вызвать функцию (а не ссылаться на нее).

Вы можете рассмотреть что-то вроде следующего. Это близко к тому, что вы хотите, и позволяет вам продолжать использовать нотацию свойств, а не переключаться на функцию:

var Yum = {
    MY_ID: "[email protected]",
    MAX_PIES: 100,
    pies_eaten: [],
    get_best_pie: function() {
        return "blueberry";
    },
    eat_pie: function(pietype) {
        alert("mmmm, " + pietype);
    },
    init: function() {
        Yum.pie_string = get_best_pie();
        // other initialization here.
    }
};
Yum.init();