Было бы больно инициализировать ВСЕ ko.observables?

Question

После борьбы с моей проблемой в this question, я обнаружил, что я могу инициализировать наблюдаемым с пустым объектом:

abc = ko.observable({}); 

Старая мудрость, обратно из Fortran и т.д., есть это, что вы всегда должны инициализировать переменные , поэтому я теперь склонен инициализировать ВСЕ ko.observables. Это НЕ то, что я читал в учебниках на сайте нокаута. Поэтому мой вопрос: должен ли я только инициализировать, где это строго необходимо, или нет ухудшения производительности, если я делаю это везде?

Answer 1

Не думаю, что вам следует беспокоиться о производительности. Вы должны беспокоиться о читаемом коде, значимых начальных значениях и коде без ошибок.

Часто вы видите значения по умолчанию, которые используются для облегчения жизни разработчика. Например:

this.userInput = ko.observable(""); 
this.upperCaseUserInput = ko.computed(function() { 
    return this.userInput().toUpperCase(); 
}, this); 

Инициализация с пустой строкой позволяет пропустить проверку null/undefined в нашей вычислен. Если мы знаем, что мы свяжемся с input через привязку value, мы можем почти быть уверенным, что в прототипе нашего ввода всегда будет метод toUpperCase. Инициализация userInput с пустым объектом не принесет нам никакой пользы здесь: отсутствие функции с именем toUpperCase вызовет ошибку.

Если вы имеете дело со сложными вычислениями и «обнуляемыми» наблюдаемыми объектами, я думаю, что лучший способ - включить в ваши расчеты null и ввести «многоуровневые»/безопасные вычисления, где это возможно. Например:

this.selectedPerson = ko.observable(); // Can be null, undefined or Person 

// This computed is *always* a string 
var fullName = ko.pureComputed(function() { 
    var person = this.selectedPerson(); 

    return person 
    ? person.firstName + " " + person.lastName 
    : "Unknown person"; 
}, this); 

// So in this computed, we don't have to do any null checks 
this.displayName = ko.pureComputed(function() { 
    return "**" + fullName() + "**"; 
}, this); 

Если вы хотите абсолютную безопасность типа, я бы предложил обратиться к TypeScript. Комбинация TypeScript-knockout позволит вам определять наблюдаемые объекты, которые могут содержать только определенный тип значения, сводя к минимуму виды ошибок, с которыми вы столкнулись в другом вопросе.

Примечание: Я не уверен, что этот ответ слишком основан на мнениях ... Если вы это чувствуете, дайте мне знать. Вопрос может быть вне темы/слишком широким для stackoverflow ...