2
import ws = require('ws');

export class Server
{
    public static instance:Server;
    private _webSocketServer: ws.Server;

    // подключенные клиенты
    private _clients: { [id: number]: ws; } = { };

    constructor()
    {
        if (Server.instance !== null && Server.instance !== undefined)
            throw new Error('singleton');

        Server.instance = this;

        this._webSocketServer = new ws.Server({ port: 8081 });
        this._webSocketServer.on('connection', this.onUserConnect);
        this._webSocketServer.on('error', this.onError);
    }

    private onUserConnect(client:ws): void
    {
        var id:number = Math.random();
        this._clients[id] = client;
        console.log("новое соединение " + id);

        //client.on('close', ServerGame.instance.onUserDisconnect);
        client.onclose = this.onUserDisconnect;
        client.onmessage = this.onUserMessage;
    }

Решил сделать сервер nodejs на typescript и разделить все по ООП по классам. Написал такой код в typescript в коннструкторе все хорошо... _clients инициализирована, но как только попадаю в onUserConnect то _clients уже undefined как и метод onUserConnect например. Т.е. ощущение что попал в другой пустой обхект какой то. а не тот экземпляр класса где был. Вопроса тут два:

  • моя ли тут ошибка(я новичок)? и как в такой схеме все поправить?

  • Может есть более правильный подход, где можно сделать хорошую структуру ООП без таких проблем.

Я пробовал ссылаться через синглтон и все работало но это как то грязно( Заранее спасибо за помощь!

10
  • Похоже у Вас в голове полная каша и Вы не понимаете базовые основы языка. Вы просто потеряли контекст в обработчике. Это js механизм, не уникальный для тайпскрипта. 15 сен 2016 в 18:30
  • 1
    Вам может помочь вот этот вопрос и ответы на него: ru.stackoverflow.com/questions/535030/… 15 сен 2016 в 18:30
  • каша в голове это понятно...я пришел из другого языка, где такого поведения не было бы. Мне помощь нужна как тут все организовать)
    – voidmain
    15 сен 2016 в 18:35
  • Функции в js - объекты первого класса. когда вы делаете smth.on('event', handler), вы передаете сам хендлер без привязки к контексту. Почитайте ответы по ссылке выше что я привел, там тот же самый вопрос только без лишнего. Проблема "потери контекста" типичная для начинающих в js и объясняется примерно в каждом учебнике по js, например тут: learn.javascript.ru/objects-more 15 сен 2016 в 18:38
  • я в принципе понимаю, что теряется контекст, но не понимаю как передать колбэк с сохранением контекста. можете дать показать простой пример? Если я вызаваю метод call то это именно вызов а не передача метода как параметра.
    – voidmain
    15 сен 2016 в 18:47

1 ответ 1

1

TypeScript не лишен особенности Javascript при работе с this.

Подробнее о возможных причинах потери контекста можно посмотреть в ответах на соответствующий вопрос

Важное отличие TypeScript на данный момент в том, что он позволяет использовать стрелочные функции при определении членов класса не только в конструкторе, но и в самом теле класса. В JavaScript это пока возможно только в конструкторе.

class test{
    // Use arrow functions
    func1=(arg:string)=>{
            return arg+" yeah" + this.prop;
    }

    // some property on this
    prop = 10;
}

Online пример

6
  • "позволяет использовать стрелочные функции при определении методов класса" - неправда. Это просто инстансное поле, а не метод класса.
    – Qwertiy
    15 сен 2016 в 21:04
  • @Qwertiy, да :-) не обратил на это внимание. Синтаксис чуть отличается. Как тогда лучше написать?
    – Grundy
    15 сен 2016 в 21:07
  • А классический вариант с замыканием или bind'ом уже не вариант?
    – Qwertiy
    15 сен 2016 в 21:08
  • @Qwertiy, вариант :-) именно поэтому я за дубликат голосовал. Здесь хотел именно добавить, что в самом теле класса можно стрелочные функции использовать. а не только в конструкторе, как в яваскрипте
    – Grundy
    15 сен 2016 в 21:11
  • Но ведь при компиляции это в конструктор и отправится...
    – Qwertiy
    15 сен 2016 в 21:12

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.