Come faccio a creare dichiarazioni ambiente di classe a macchina

Question

Come faccio a creare dichiarazioni ambiente di classe a macchina

voti

7

Sto cercando di creare un file .d.ts per la libreria KineticJS. Finora ho creato la seguente dichiarazione di interfaccia kinect.d.ts. (I ritagliato il codice un po 'per StackOverflow ma spero che si ottiene l'idea)

module Kinetic {

    interface Rect extends  Shape {
        constructor (config) ;
    }

    interface Shape extends Node
    { 

    }

    interface Node {
        constructor (config);
        clone(attrs): Node;
        getAbsoluteOpacity(): number;
        getAbsolutePosition(): any;       

        /*
        other methods removed for stackoverflow example
        */
    }
}

Speravo questo sarebbe sufficiente per essere in grado di creare un oggetto Kinetic.Rect nel mio file app.ts

/// <reference path=Kinetic.d.ts />
var rect = new Kinetic.Rect({
          x: 239,
          y: 75,
          width: 100,
          height: 50        
        });

Ma sembra che devo fare un po 'di lavoro extra per utilizzare le classi KineticJS (come Rect) a macchina. Qualcuno potrebbe dare alcune indicazioni su come archiviare questo?

typescript

È pubblicato 05/10/2012 alle 11:18
fonte dall'utente Ralph de Ruijter

In altre lingue...

4 risposte

voti

5

Qui è il mio esempio di lavoro di creazione di definizioni ambientali per la classe Kinetic:

interface Shape {
    x: number;
    y: number;
    width: number;
    height: number;
}

interface IKinetic {
    Rect(shape: Shape);
}

declare var Kinetic: IKinetic;

var rect = <Shape> new Kinetic.Rect({
  x: 239,
  y: 75,
  width: 100,
  height: 50        
});

Si noti che ho usato declare var Kinetic: IKinetic;per dire che dattiloscritto cinetica è di tipo particolare.

Aggiornamento - Esempio 2

interface IShape {
    x: number;
    y: number;
    width: number;
    height: number;
}

interface IRect extends IShape {

}

module Kinetic {
    export class Rect implements IRect {
        public x: number;
        public y: number;
        public width: number;
        public height: number;
        constructor(rect: IShape) {
            this.x = rect.x;
            this.y = rect.y;
            this.width = rect.width;
            this.height = rect.height;
        }
    }
}

var rect = new Kinetic.Rect({
  x: 239,
  y: 75,
  width: 100,
  height: 50        
});

Risposto il 05/10/2012 a 11:24
fonte dall'utente Fenton

voti

0

Mi rendo conto che è ormai vecchio, ma è possibile trovare un file kinetic.d.ts completato qui: http://kineticjstypescript.codeplex.com/

Risposto il 31/01/2013 a 05:17
fonte dall'utente Chris Rogers

voti

0

ITodoStorage è davvero l'interfaccia, TodoStorage è l'attuazione, ma non vorrebbe definire la classe, perché che mi costringerebbe ad attuare tutti i membri. Invece io faccio interfaccia TodoStorage pure. Infine dichiaro var come costruttore con nuova parola chiave.

declare interface ITodoStorage {
    get_todos() : TodoItem[];
    set_todos(value : TodoItem[]) : void;
}

declare interface TodoStorage extends ITodoStorage {
}

declare var TodoStorage : { 
    new (): TodoStorage;
}

Allora io sono in grado di chiamare il costruttore

var storageService : ITodoStorage = new TodoStorage();

Purtroppo la var si nasconde il tipo TodoStorage.

Risposto il 25/11/2012 a 00:24
fonte dall'utente Pavel Savara

camelCase · Accepted Answer · 2012-10-05 14:50

Hai guardato l'esempio app dattiloscritto a: http://typescript.codeplex.com/SourceControl/changeset/view/fe3bc0bfce1f#samples/imageboard/mongodb.ts

Il codice a questo link crea una definizione per la libreria MongoDB. Una differenza tra questo e la risposta è che Sohnee Sohnee implementa il costruttore in contrasto con la seguente snip di codice dal link che è una classe stub. Non ho abbastanza reputazione chiedere Sohnee nella risposta accettata perché ha implementato il costruttore per una classe di ambiente?

declare module "mongodb" {
   export class Server {
       constructor(host: string, port: number, opts?: any, moreopts?: any);
   }
   export class Db {
       constructor(databaseName: string, serverConfig: Server);
       public open(callback: ()=>void);