Home Web Front-end JS Tutorial What is typescript used for? What can be done?

What is typescript used for? What can be done?

Oct 20, 2018 am 11:54 AM
typescript

We are very familiar with javascript, but what is typescript? Typescript is actually a free and open source programming language developed by Microsoft. It is a superset of JavaScript and essentially adds optional static typing and class-based object-oriented programming to the language. The following article will introduce to you what typescript is used for? What can be done? Anyone who is interested can take a look.

The first thing we need to know is that the language finally compiled by Typescript is js. It allows us to better use js instead of replacing it with a completely new language.

Let’s look directly at What is the use of typescript? What can be done?

1. Strong typing at compile time

TypeScript has designed a set of type mechanisms to ensure strong type judgment at compile time.

The simplest way is to declare the type of the variable. When typescript's powerful strong typing is checked by the compiler, any other type of assignment will cause a compilation error. At this time, we only need to change it according to the error report. The corresponding parameters are enough.

One of the biggest benefits of strong typing is intelligent prompts. For example, you can know what properties and methods the current variable has, which is very convenient.

2. Modularization

Using TypeScript’s keyword module can achieve an effect similar to a namespace, and export can control whether it is accessed externally. For example :

module Project{
    export module Core{
        function FuncA(){ }
        export function FuncB(){
           FuncA();//ok
        }
    }
}

module Project.Core{
    export function FuncC(){
        FuncA();//error
        FuncB();//ok
    }
}

Project.Core.FuncA();//error
Project.Core.FuncB();//ok
Project.Core.FuncC();//ok
Copy after login

It can be seen from this example that modules can be nested. '.' is used as the separator when accessing. You can also use '.' as the separator to abbreviate the nesting of modules. Only with the export keyword can be accessed externally, and modules can be merged, but non-export objects cannot be accessed under other modules, even if they have the same name, such as FuncA().

3. Existing class libraries can be easily used

Similar to C header files, TypeScript allows you to define some declarations and declare existing variables and type, then you can easily call existing class libraries in a strongly typed way.

The above is the entire content of this article. For more other exciting content, you can pay attention to the relevant tutorial columns of the PHP Chinese website! ! !

The above is the detailed content of What is typescript used for? What can be done?. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

5 common JavaScript memory errors 5 common JavaScript memory errors Aug 25, 2022 am 10:27 AM

JavaScript does not provide any memory management operations. Instead, memory is managed by the JavaScript VM through a memory reclamation process called garbage collection.

How does Vue3+TypeScript+Vite use require to dynamically introduce static resources such as images? How does Vue3+TypeScript+Vite use require to dynamically introduce static resources such as images? May 16, 2023 pm 08:40 PM

Question: How to use require to dynamically introduce static resources such as images in a Vue3+TypeScript+Vite project! Description: When developing a project today (the project framework is Vue3+TypeScript+Vite), it is necessary to dynamically introduce static resources, that is, the src attribute value of the img tag is dynamically obtained. According to the past practice, it can be directly introduced by require. The following code: Write After uploading the code, a wavy line error is reported, and the error message is: the name "require" cannot be found. Need to install type definitions for node? Try npmi --save-dev@types/node. ts(2580) after running npmi--save-d

How to use TypeScript in Vue3 How to use TypeScript in Vue3 May 13, 2023 pm 11:46 PM

How to declare a type with field name enum? By design, the type field should be an enumeration value and should not be set arbitrarily by the caller. The following is the enumeration declaration of Type, with a total of 6 fields. enumType{primary="primary",success="success",warning="warning",warn="warn",//warningaliasdanger="danger",info="info",}TypeSc

How to develop high-performance computing functions using Redis and TypeScript How to develop high-performance computing functions using Redis and TypeScript Sep 20, 2023 am 11:21 AM

Overview of how to use Redis and TypeScript to develop high-performance computing functions: Redis is an open source in-memory data structure storage system with high performance and scalability. TypeScript is a superset of JavaScript that provides a type system and better development tool support. Combining Redis and TypeScript, we can develop efficient computing functions to process large data sets and make full use of Redis's memory storage and computing capabilities. This article will show you how to

How to implement data type conversion function in TypeScript using MySQL How to implement data type conversion function in TypeScript using MySQL Jul 29, 2023 pm 02:17 PM

How to implement data type conversion function in TypeScript using MySQL Introduction: Data type conversion is a very common requirement when developing web applications. When processing data stored in a database, especially when using MySQL as the back-end database, we often need to convert the data in the query results to the type we require. This article will introduce how to use MySQL to implement data type conversion in TypeScript and provide code examples. 1. Preparation: Starting

Develop scalable front-end applications using Redis and TypeScript Develop scalable front-end applications using Redis and TypeScript Aug 01, 2023 pm 09:21 PM

Title: Developing Scalable Front-End Applications Using Redis and TypeScript Introduction: In today’s Internet age, scalability is one of the key elements of any application. Front-end applications are no exception. In order to meet the growing needs of users, we need to use efficient and reliable technology to build scalable front-end applications. In this article, we will introduce how to use Redis and TypeScript to develop scalable front-end applications and demonstrate its application through code examples. Introduction to Redis

Write better code with TypeScript in PHP Write better code with TypeScript in PHP Jun 19, 2023 pm 06:31 PM

With the continuous development of JavaScript, front-end engineers have gradually become aware of some problems in JavaScript itself, such as the lack of type checking and modularity, which often cause confusion and errors in large projects. In order to solve these problems, TypeScript came into being and became an increasingly popular language in front-end development. In the field of back-end development, PHP has always been an extremely popular scripting language. Therefore, combine TypeScript to develop PHP applications

How to use TypeScript in Vue3 How to use TypeScript in Vue3 May 18, 2023 pm 08:52 PM

How to declare a type with field name enum? By design, the type field should be an enumeration value and should not be set arbitrarily by the caller. The following is the enumeration declaration of Type, with a total of 6 fields. enumType{primary="primary",success="success",warning="warning",warn="warn",//warningaliasdanger="danger",info="info",}TypeSc

See all articles