По мере того, как я узнаю больше о Javascript, Typescript уже появлялся несколько раз. Каждый раз, когда я слышу, как кто-то говорит об этом или сталкиваюсь с этим в блоге, я всегда думаю: «Что такое Машинопись?» Так что я решил копнуть еще немного и выяснить, что за волнение вызывает этот «Машинопись».
Так что же такое Typescript?
Согласно их сайту,
«Typescript - это типизированный надмножество Javascript, которое компилируется в простой Javascript».
Это объектно-ориентированный язык программирования с открытым исходным кодом, который был разработан Microsoft и обнародован в октябре 2012 года. Microsoft хотела создать язык, который помогал бы в разработке крупномасштабных приложений, чтобы устранить недостатки Javascript, которых не было. изначально создан для поддержки крупномасштабных приложений. Они также не хотели нарушать совместимость с Javascript, и таким образом родился Typescript.
Хорошо, круто, но кто на самом деле использует Typescript?
На самом деле многие люди так делают! Ознакомьтесь с опросом 2019 года от StackOverflow.
Как мы все знаем, Javascript продолжает оставаться самым популярным языком номер 1. Но смотрите! Машинопись входит в десятку самых популярных языков 2019 года и продолжает расти.
TypeScript также вошел в тройку самых любимых языков в 2019 году, поэтому мы видим, что многие разработчики находят огромное значение в этом языке.
Хорошо, хорошо, ты привлек мое внимание. А теперь расскажите, как Typescript может помочь мне как разработчику.
Некоторые преимущества Typescript заключаются в том, что он предоставляет разработчикам объектно-ориентированные концепции, такие как классы, наследование, модули, интерфейсы и т. Д., И поддерживает библиотеки Javascript.
Typescript работает в любом браузере, на любом хосте и в любой операционной системе, в которой работает Javascript.
Замечательной особенностью этого языка является то, что он поддерживает статическую типизацию, что означает, что он проверяет правильный тип переменной во время компиляции, что недоступно в Javascript. Это означает, что вы можете проверить возможные ошибки без предварительного запуска кода. Это помогает разработчикам писать более структурированный и поддерживаемый код, что отлично подходит при создании крупномасштабных приложений.
Однако Javascript имеет динамическую типизацию, что означает, что 7 динамических типов (undefined, null, boolean, number, string, symbol и object) вместо этого проверяются во время выполнения. Это означает, что вы будете получать ошибки после выполнения вашего кода, что сделает вас более подверженным ошибкам.
Еще одна интересная особенность этого языка заключается в том, что любой код, написанный на Typescript, можно преобразовать в Javascript и наоборот. Вы также можете скомпилировать свой код Typescript для отражения различных версий Javascript, таких как ES5 или ES6. Поскольку браузер не понимает код Typescript, он должен быть «транспилирован» или скомпилирован и переведен в Javascript с помощью компилятора Typescript. После преобразования браузер сможет прочитать код в Javascript и правильно его отобразить.
Покажи мне несколько примеров!
Вот пример того, как выглядит код Typescript до и после преобразования в код Javascript. В коде Typescript мы создали класс Greeter. Вы можете заметить, что свойство приветствия в конструкторе предваряется ключевым словом public. Это означает, что свойство приветствия имеет общедоступную или глобальную область действия. Вы также можете видеть, что «приветствию» присваивается переменный тип «строка», что означает, что это свойство может принимать только строки в качестве своего значения. Справа вы можете увидеть код Javascript (ES6) после того, как он был скомпилирован из кода Typescript.
Здесь мы явно заявляем, что эта функция «add» может принимать только числа в качестве своих параметров. Когда мы пытаемся передать строку «hello» в качестве второго аргумента, Typescript видит, что это ошибка, подчеркивает ошибку красным цветом и выдает сообщение об ошибке ниже.
TypeScript выдаст нам сообщение об ошибке, если мы наведем курсор на ошибку, подчеркнутую красным, и когда мы попытаемся транспилировать наш код. Представленные ошибки также дают вам хорошее представление о том, как их можно исправить.
Однако, если бы мы закодировали эту функцию в Javascript, возможно, мы не обнаружили бы эту ошибку.
Когда мы пытаемся передать этой функции число 23 и строку «hello», Javascript увидит второй аргумент и подумает, что мы пытаемся объединить две строки вместе. Javascript не дает нам никаких ошибок, и в результате мы получаем строку «23hello», что определенно не то, что мы хотели.
Еще одна замечательная особенность Typescript заключается в том, что нам не всегда нужно указывать типы в нашем коде, потому что Typescript автоматически определяет типы, если явно не указан конкретный тип, также известный как «вывод типа».
В этом примере мы устанавливаем переменную example на число «23». Когда мы пытаемся переназначить эту переменную строке, Typescript уже предположил, что эта переменная должна принимать только числа в качестве своего значения, и выдаст вам сообщение об ошибке. Есть способы обойти это, особенно если вы хотите, чтобы ваша переменная принимала все типы, но я не буду здесь вдаваться в подробности.
Я надеюсь, что это краткое введение в то, что такое Typescript. Я лишь прикоснулся к тому, что он может сделать, чтобы помочь нам как разработчикам.
А теперь хочу попробовать!
Если вы хотите попробовать поиграть с Typescript самостоятельно, вы можете легко установить его на свой компьютер.
Это глобально установит его на ваш компьютер.
Запустите команду «tsc» с именем файла Typescript (.ts), чтобы преобразовать ваш код в код Javascript.
Эта команда создаст для вас файл «tsconfig.json», и вы сможете манипулировать этим файлом, чтобы вы могли делать такие интересные вещи, как отсутствие необходимости запускать команду «tsc» каждый раз, когда вы хотите транспилировать свой код или устанавливать версию Javascript, которую вы хотел бы, чтобы ваш код Typescript преобразовался в.
Вы также должны убедиться, что ваш текстовый редактор настроен для поддержки Typescript, поэтому вам может потребоваться установить плагин для Typescript, чтобы в полной мере использовать все преимущества Typescript в вашем редакторе. Если вы используете Visual Studio Code, поддержка встроена, поэтому устанавливать нечего!
Если вы пока не хотите устанавливать Typescript, у Typescript также есть страница, где вы можете опробовать язык, не устанавливая его на свой компьютер.
Для получения дополнительной информации вы также можете воспользоваться этими ссылками:
https://www.robertcooper.me/get-started-with-typescript-in-2019
https: // youtu. be / ahCwqrYpIuM
https://www.codeproject.com/Articles/802722/TypeScript-The-Basics
Удачного кодирования!
Подпишитесь на нас в Twitter 🐦 и Facebook 👥 и присоединитесь к нашей группе Facebook 💬 .
Чтобы присоединиться к нашему сообществу Slack 🗣️ и читать наши еженедельные темы о Фавнах 🗞️, нажмите здесь⬇
