pass - typescript official documentation

Llamando a JavaScript directamente desde TypeScript

Question

Acabo de descargar la documentación de TypeScript. Tengo algunas clases de JavaScript y me gustaría crear y usar estas clases en una aplicación de prueba de TypeScript

¿Cómo puedo llamar a una función de JavaScript de un JavaScript incluido desde TypeScript. No quiero crear un archivo "d.ts". Solo para crear mis clases, llamar a sus métodos, acceder a sus propiedades.

¿Cómo puedo hacer eso?

Estoy tratando de usar kendoUI con TypeScript.

Por ejemplo para mostrar una ventana que tengo que hacer:

1. Tener un HTML para representar el contenido de una ventana. Tengo un div con un id logondialog. Este div
   inicialmente está oculto;
2. Creo la ventana: logonDlg.kendoWindow (logOnParams);
3. Luego, utilizando jQuery, muestro el div: using logonDlg.show();

Ejemplo

var logonDlg = $("logonDialog");
if (!logonDlg.data("kendoWindow")) {
logonDlg.kendoWindow(logOnParams);
logonDlg.show();
}

Está funcionando bien. El JS se genera como deseo pero recibo un error ya que la propiedad ''kendoWindow'' no existe en el valor de tipo ''JQuery''.

¿Cómo puedo deshabilitar este tipo de error. No pude hacer, lo que dijo Ryan, para trabajar.

Answer 1

En este caso particular, simplemente podría incluir las definiciones de Kendo UI TypeScript que proporciona Telerik.

(Comprendo que esta pregunta se formuló cuando las definiciones de TS probablemente no existían todavía, pero quería agregar este detalle para las personas que se encuentren con esta pregunta en el futuro).

Answer 2

Hay una mejor solución. Simplemente lance el jQuery logonDlg a cualquiera como este:

(<any>logonDlg).kendoWindow(logOnParams);

El código será un poco diferente pero funcionará igual.

1. Sin la conversión, el código generado es así: logonDlg.kendoWindow (logOnParams);
2. Con el elenco será así: (logonDlg) .kendoWindow (logOnParams);

Ambos funcionan bien.

Saludos

Answer 3

Si desea detener los errores sin hacer mucho más trabajo adicional, puede "declarar" los objetos desde su código JS:

declare var w; // implicit type here is ''any''
// (later, anywhere in your file...)
var x = new w(); // you can do whatever you want with w now without getting errors
w.x = 4; // etc.

Answer 4

Solo hazlo. TypeScript no te detendrá. Verá advertencias en la salida del compilador, pero tsc generará su archivo JS bien.