Правильно ли определены свойства объекта в примере?

Question

[Vann Damm]

Есть код ,и у меня возникают сомнения в его првильности. А именно в ф-ции getCounter, мы определяем ф-цию let counter, в которой в последующем определяем свойства, не вызывая её в самой ф-ции getCounter , так вот ,можно ли так для функции задавать свойства, не зная еще что она вернёт. И что делает <counter> перед функцией в данном примере?

interface Counter {
    (start: number): string;
    interval: number;
    reset(): void;
}
 
function getCounter(): Counter {
    let counter = <counter>function (start: number) { };
    counter.interval = 123;
    counter.reset = function () { };
    return counter;
}
 
let c = getCounter();
c(10);
c.reset();
c.interval = 5.0;
</counter>

Comments

[Kovalsky]

"можно ли так для функции задавать свойства, не зная еще что она вернёт" - а что конкретно вам в этой ситуации не нравится? И почему не знаем, в интерфейсе же указано что функция вернёт строку. Свойства никак не связаны с возвращаемым значением, по крайней мере в данном конкретном примере

По поводу последнего вопроса - выполните код

[Vann Damm]

Kovalsky, если возвращает строку , то почему мы обращаемся как к объекту? почему не так counter[0] = 'abc' например, что хотим то и воротим?

[Антон Швец]

что только люди не делают, чтобы нормально не писать

class Counter {
    public interval: number;
    public start(time: number): void {
     // start
    };

    public reset(): void {
      // reset
    }

   public static create(time = 10): Counter {
     const c = new Counter(time);
     c.interval = 123;
     return c;
   }
}

const counter = Counter.create();

[Kovalsky]

effect_tw, тезис "функция counter возвращает строку" никак не связан с тезисом "как мы можем обращаться к ней как к объекту?". Вы вполне можете обратиться к функции как к объекту (независимо от возвращаемого значения) потому что функция это полноценный объект.

Антон Швец, у вас же вроде конструктор не определён

[Vann Damm]

Kovalsky, бэлин точно, забываю вечно, т.к в голове это не укладывается

[Kovalsky]

effect_tw, а что конкретно не укладывается? Вроде всё просто: Object это такая сущность которая умеет хранить в себе данные доступные по строковым ключам, Function расширяет Object в том числе специфическим функционалом - её можно выполнить.

[Vann Damm]

Антон Швец, Это не мой, код , с учебника взял) , у самого с его написанием возникли бы проблемы)

[Антон Швец]

effect_tw, это так себе код, вешать свойства на функцию это не очень хорошо.

[Kovalsky]

Антон Швец, почему?

[Vann Damm]

Kovalsky, Например из вашего толкования, то что функция расширяет Object , как я понимаю на данный момент никуда не лазаючи и не проверяя. Если я например внутри функции создал две переменные, и выведя ее в консоль я увижу , объект, в котором соответсвенно будут эти два свойства, которые я создал в функции как переменные

[Kovalsky]

effect_tw, если это вопрос, то в целом да, эти свойства будут доступны. Правда консоль вам их так просто не покажет, нужно будет либо прямо обращаться по ключу который вы использовали при объявлении свойства, либо доставать список ключей с помощью Object.keys, либо использовать console.dir

[Антон Швец]

Kovalsky, зачем вешать на функцию несвойственный ей функционал, когда можно этого не делать.
Посмотрите как это воспримет TS

[Kovalsky]

Антон Швец, почему несвойственный? Функция тот же объект.

"Посмотрите как это воспримет TS" - ну так вы просто свойство не объявили, и всё. Естественно ошибка будет

[Антон Швец]

Kovalsky, функция это функция. Объект это объект. То что в js первое является вторым еще не значит, что это полезно повсеместно применять. Хороший код на js избегает кривых мест js.

так вы просто свойство не объявили, и всё. Естественно ошибка будет

Ошибка это как раз нормально. Ненормально присвоение несуществующему свойству без всяких ошибок.

[Vann Damm]

Kovalsky, Спасибо что подсказали, суть уловил. Не укладывается, т.к теории много изучаю, а что касается практики, покуда помнил нюансы(если можно так сказать)) из js , начал учить сверху ts и не только, чтобы собрать полноценную прилку. И забывается что-то из js, и из чего-то еще, т.к не закреплял теорию а переходил к изучению чего-то следующего , чтобы в один день полноценно применить все знания, анннет. И как-то всё в адский круг превращается

[Kovalsky]

Антон Швец, ну такая возможность ведь существует; пока что я не услышал ни одного аргумента против.

"Ошибка это как раз нормально. Ненормально присвоение несуществующему свойству без всяких ошибок" - эээ, ну так вы просто игнорируете систему типизации ТС, естественно будут ошибки. Для этого же и существуют типы

[Антон Швец]

Kovalsky, я повторюсь для тех кто в танке.
Несмотря на отсуствие описания типа myFunc я могу легко присвоить myFunc.a = 1; и тайпскрипт мне ничего не скажет.
Если посмотреть DTS то видно что ts на лету просто дополняет неймспейс.

[Kovalsky]

Антон Швец, да, это я видел. Это ничего не меняет, ТС предоставляет полноценную систему типизации используя которую можно не допустить этого. А вы её игнорируете

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

[Антон Швец]

Kovalsky, ТС много чего делает абы как, что позволяет писать на нем относительно расслабленно и в этом есть свои плюсы. Назвать это "полноценным" сложно конечно.
Но суть даже не в этом, а в том что не стоит пихать свойства в функцию :)

[Kovalsky]

Антон Швец, согласен, но обозначенную вами проблему можно решить штатными средствами тс, для чего они и нужны

"не стоит пихать свойства в функцию" - я помню, но пока что ведь ни одного аргумента так и не появилось, поэтому и тему я развить не могу