TypeScript — Объявление переменных

От автора: сегодня мы поговорим о том, как и для чего происходит в TypeScript объявление переменных. Согласно определению, переменная является «именованной областью памяти», которая хранит значения. Другими словами, она ведет себя как контейнер для значений в программе. Переменные TypeScript должны соответствовать правилам именования JavaScript.

Перед использованием переменная должна быть объявлена. Ччтобы объявить переменную, используется ключевое слово var.

Объявление переменной в TypeScript

Синтаксис типа для объявления переменной в TypeScript должен содержать двоеточие (:) после имени переменной, за которым следует тип. Как и в JavaScript, мы используем ключевое слово var, чтобы объявить переменную. Когда вы объявляете переменную, у вас есть четыре опции:

Объявить ее тип и значение в одном операторе.

Объявить ее тип, но не объявлять значения. В этом случае, переменная будет задана как неопределенная.

Объявить ее значение, но не объявлять тип. Переменная будет задана как any.

Не объявлять ни значение, ни тип. В этом случае тип данных переменной будет задан как any и она будет инициализирована как неопределенная.

Ниже приведен корректный синтаксис для объявления переменной:

Пример: переменные в TypeScript

var name:string = "John"; var score1:number = 50;
var score2:number = 42.50
var sum = score1 + score2 console.log("name"+name) console.log("first score: "+score1) console.log("second score: "+score2) console.log("sum of the scores: "+sum)

После компиляции мы получим следующий код JavaScript.

//Сгенерировано посредством typescript 1.8.10
var name = "John";
var score1 = 50;
var score2 = 42.50;
var sum = score1 + score2;
console.log("name" + name);
console.log("first score: " + score1);
console.log("second score : " + score2);
console.log("sum of the scores: " + sum);

Результат вышеприведенной программы:

name:John first score:50 second score:42.50 sum of the scores:92.50

Компилятор TypeScript сгенерирует ошибку, если мы попытаемся присвоить значение переменной с несоответствующим типом. Отсюда следует, что в TypeScript реализуется строгая типизация. Синтаксис строгой типизации гарантирует, что типы, указанные с каждой стороны оператора присвоения (=), идентичны. Вот почему вследствие ошибки компиляции мы получит такой код:

var num:number = "hello" // получится в результате ошибки компиляции 

Присвоение типа в TypeScript

TypeScript позволяет изменить тип переменной с одного на другой. Этот процесс называет присвоение типа. Синтаксис заключается в том, что нужно разместить нужный тип между символами < > и указать его напротив переменной или выражения. Следующий пример иллюстрирует этот принцип:

Пример

var str = '1' var str2:number = <number> <any> str //str теперь имеет числовой тип
console.log(str2)

Если вы в Visual Studio Code наведете курсор на оператор присвоения типа, то увидите изменения в типе данных переменной. Фактически получается переназначение с типа S на тип T, при условии, что S – это подтип T или T – это подтип S.

Это не называется «преобразованием типов» потому, что преобразование подразумевает что-то вроде поддержки исполнения, а «присвоение типа» — это просто конструкция на стадии компиляции и способ обеспечить компилятору подсказки того, как нужно анализировать код. После компиляции вы получите следующий JavaScript код.

// Сгенерировано посредством typescript 1.8.10
var str = '1';
var str2 = str; //str теперь имеет числовой типа
console.log(str2);

В результате мы получим следующее: 1

Типизация с поддержкой вывода типов в TypeScript

Принимая по внимание тот факт, что Typescript является строго типизированным, эта функция необязательна. TypeScript также способствует динамической типизации переменных. А это значит, что TypeScript способствует объявлению переменной без типа. В таких случаях компилятор будет определять тип переменной на основе присвоенного ей значения. TypeScript находит первое использование переменной внутри кода, определяет тип значения, которое было первоначально задано для переменной, и потом предполагает тот же тип для этой переменной в остальном коде.

В следующем фрагменте кода продемонстрирована эта концепция:

Пример: типизация с поддержкой вывода типов

var num = 2; // тип данных выведен как число console.log("value of num "+num); num = "12";
console.log(num);

В этом фрагменте −

В результате мы получим следующее:

error TS2011: Cannot convert 'string' to 'number'.

Область видимости переменной TypeScript

Область видимости переменной указывает, где переменная определена. Доступность переменной внутри программы определяется областью видимости. Для переменных TypeScript могут задаваться следующие области видимости:

Следующий пример иллюстрирует область видимости переменных в TypeScript.

Пример: Область видимости переменных

var global_num = 12 //глобальная переменная
class Numbers { num_val = 13; //классовая переменная static sval = 10; //статическое поле storeNum():void { var local_num = 14; //локальная переменная } } console.log("Global num: "+global_num) console.log(Numbers.sval) //статическая переменная var obj = new Numbers(); console.log("Global num: "+obj.num_val) 

После транспиляции мы получим следующий JavaScript код:

var global_num = 12; //глобальная переменная var Numbers = (function () { function Numbers() { this.num_val = 13; //классовая переменная } Numbers.prototype.storeNum = function () { var local_num = 14; // локальная переменная }; Numbers.sval = 10; //статическое поле return Numbers;
}()); console.log("Global num: " + global_num);
console.log(Numbers.sval); //статическая переменная var obj = new Numbers();
console.log("Global num: " + obj.num_val);

В результате мы получим следующее:

Global num: 12
10
Global num: 13

Если вы попробуете получить доступ к локальной переменной за пределом метода, возникнет ошибка компиляции.

error TS2095: Could not find symbol 'local_num'.

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.