En este artículo, veremos cómo usamos la palabra clave declare en TypeScript .
La palabra clave declare en TypeScript se usa para la declaración ambiental de variables o para métodos. Ambient Declaraciones es como una palabra clave de importación. Lo que le dice al compilador que la fuente existe en otro archivo. Usamos declaraciones ambientales en TypeScript para usar las bibliotecas de terceros de JavaScript , jQuery , Node , etc. Declarar palabras clave integran directamente estas bibliotecas en nuestro código y disminuyen la posibilidad de error en nuestro código TypeScript.
Usamos la palabra clave declare solo en el archivo Ambient para usar el método y las variables de las bibliotecas.
Sintaxis:
declare var Variable_Name;
declare module Name_of_Module{// Body of module };
Entendamos con la ayuda del siguiente ejemplo.
Ejemplo: ahora tomemos un ejemplo, tenemos un archivo que contiene algunas variables útiles, pero el archivo está escrito en JavaScript. Así que no podemos decir que tenemos que escribir algún código JavaScript en TypeScript. Lleva tanto tiempo que tenemos que escribir el mismo código en TypeScript. Pero hemos declarado palabras clave que brindan la funcionalidad para usar esa misma variable al final del código.
Supongamos que tenemos un código JavaScript de terceros que tiene una variable que contiene el valor de alguna variable pero no sabemos el valor, pero con la ayuda de declarar una palabra clave podemos usar el valor de la variable en nuestro código.
Código de terceros:
Javascript
var pi_1 = 3.1415926535 ; var pi_2 = 3.14159265358979323846 ; var pi_3 = 3.141592653589793238462643383279;
Queremos usar esta variable en nuestro código para poder usarla para declarar la palabra clave con el mismo nombre y TypeScript no arrojará un error.
Código TypeScript:
Javascript
declare var pi_1 : any ;
console.log("Value of pi is :",pi_1)
Ahora podemos importar ambos archivos en nuestro código HTML y usarlos.
índice.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- Javascript Library -->
<script src=
"C:\Users\computers\Desktop\typescript\first1.js">
</script>
<script src=
"C:\Users\computers\Desktop\typescript\secons.js">
</script>
</body>
</html>Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA