Использование ключевого слова Declare в TypeScript

На чтение1 мин

Обновлено10 месяцев назад

Просмотров

Ключевое слово Declare в TypeScript используется для объявления переменных или методов Ambient. Объявления Ambient похожи на ключевое слово импорта. Это сообщает компилятору, что источник существует в другом файле. Мы используем объявления Ambient в TypeScript для использования сторонних библиотек JavaScript , jQuery , Node и т. д. Объявление ключевого слова Declare напрямую интегрирует эти библиотеки в наш код и снижает вероятность ошибок в нашем коде TypeScript.

Синтаксис Declare

declare var Variable_Name;
declare module Name_of_Module{// Body of module };

Давайте разберемся с помощью следующего примера.

Пример: Теперь давайте рассмотрим один пример: у нас есть один файл, который содержит несколько полезных переменных, но файл написан на JavaScript. Таким образом, мы не можем сказать, что нам нужно написать некоторый код JavaScript на TypeScript. Это отнимает так много времени, что нам приходится писать тот же код на TypeScript. Но мы объявили ключевые слова, которые дают возможность использовать ту же самую переменную в конце код.

Предположим, у нас есть сторонний код JavaScript, в котором есть переменная, содержащая значение некоторой переменной, но мы не знаем этого значения, но с помощью объявления ключевого слова мы можем использовать значение переменной в нашем коде.

Сторонний код:

var pi_1 = 3.1415926535 ; 
var pi_2 = 3.14159265358979323846 ; 
var pi_3 = 3.141592653589793238462643383279;

Мы хотим использовать эту переменную в нашем коде, чтобы мы могли использовать ее для объявления ключевого слова с тем же именем, и TypeScript не будет выдавать ошибку.

Код TypeScript:

declare var pi_1 : any ; 
  
console.log("Value of pi is :",pi_1)

Теперь мы можем импортировать оба файла в наш HTML-код и использовать их.

Имя файла: index.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>

Вывод:

#TypeScript