初始TypeScript

什么是TypeScript?

TypeScript是拥有类型系统的JavaScript的超集,可以编译成纯JavaScript:

1.类型检查:TS会在编译代码时进行严格的静态类型检查,这意味着可以在编码阶段发现可能存在的隐患,而不是带到线上去。

2.语言扩展:TS会包括来自ES6和未来提案中的特性,如异步操作和装饰器,也会从其他语言借助某些特性,如接口和抽象类。

3.工具类型:TS可以编译成标准的JS,可以在任何浏览器和操作系统上运行,从这个角度讲,它更像是个工具,而不是一门独立的语言。

为什么要使用TypeScript?

其他好处,比如:

VSCode具有强大的自动补全、导航和重构功能,这使得接口定义可以直接代替文档,同时也可以提高开发效率,降低维护成本。

TS可以帮团队重塑“类型思维”,接口的提供方将被迫去思考API的边界,他们将从代码的编写者蜕变为代码的设计者。

强类型语言和弱类型语言

强类型语言

在强类型语言中,当一个对象从调用函数传递到调用函数时,其类型必须与被调用函数中声明的类型兼容

通俗定义:强类型语言不允许改变变量的数据类型,除非进行强制类型转换

弱类型语言

在弱类型语言中,变量可以被赋予不同的数据类型

JavaScript与C++对比

静态类型与动态类型对比

强类型语言:不允许程序在发生错误后继续执行

语言象限

原文地址:https://www.cnblogs.com/xfxing/p/12643922.html

时间: 2024-08-02 20:46:17

初始TypeScript的相关文章

初始typescript及vscode环境配置

什么是typescript?为什么要用它? typescript简称ts,是js语法的一个超级,由微软团队维护的 js特点(不足) 弱类型:js中的数据变量没有确定的类型,可以存储对象,可以存储数字,可以存储字符串等等 动态的:我定义的变量,到底是什么类型的,需要多少存储空间,我们定义时不知道,只有在执行的时候临时分配 因此开发者希望js像强类型语言那样,可以在运行前将内存空间分配出来,所以ts就是基于这种思想设计出来的,是一个强类型的语言 在大型项目中,代码可维护性可延展性等等尤为很重要,因此

迈向angularjs2系列(1):typescript指南

typescript指南 前言 typescript是angularjs2推荐使用的脚本语言.它由微软2012年首次发布. 一.    typescript和javascript的区别 1.从遵循的规范上的角度: Javascript遵循ECMA5的规范,TypeScript是语法上对ECMA6的实现. 2.从功能上说: TypeScript提供了类.模块和接口来帮助构建组件,更方便写面向对象的程序,所以被称为更好的typescript. 3.从支持上说: 所有的浏览器都支持ES5及之前的jav

TypeScript入门-枚举、类型推论

枚举 使用枚举可以定义一些具有名字的数字常量,和在C语言中一样都是使用关键字enum enum Direction { Up = 1, Down = 1<<2, Left, Right } 注意:一个枚举类型可以有多个枚举成员,每个枚举成员都有一个对应的数字值,这个数字值可以是常数或者是计算得出的值.当满足下列条件时,枚举成员的数字值被认为是常数 不具有初始化函数并且之前的枚举成员是常数. 在这种情况下,当前枚举成员的值为上一个枚举成员的值加1. 但第一个枚举元素是个例外. 如果它没有初始化方

转载:《TypeScript 中文入门教程》 2、枚举

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 由于第一章节是我翻译的,而且与他的版本不一致,导致第一章节有枚举这部分,而他的第二章节也有这部分,但内容不同,所以我保留了这部分. 枚举 使用枚举我们可以定义一些有名字的数字常量. 枚举通过使用enum关键字定义. enum Direction { Up = 1, Down, Left, Right } 一个枚举类型可以包含零个或多个枚举成员. 枚举成员具有一个数字值,它们可以是常数

使用 typescript 和 canvas 重构snow效果

前言:之前做过一个 snow 效果,但是是直接用 HTML 做的点击此处查看 ,几个星期前,我用 typescript 和 canvas 重构了一下, snow效果是一个很简单的效果,但是用来练手还是不错的; 首先创建基本变量: let canvas = <HTMLCanvasElement>document.getElementById('canvas'); let ctx = canvas.getContext('2d'); let H = canvas.height = window.i

如何在Vue项目中使用Typescript

0.前言 本快速入门指南将会教你如何在Vue项目中使用TypeScript进行开发.本指南非常灵活,它可以将TypeScript集成到现有的Vue项目中任何一个阶段. 1.初始化项目 首先,创建一个新的项目目录. mkdir typescript-vue-tutorial cd typescript-vue-tutorial 接着,在目录中创建如下目录结构. typescript-vue-tutorial/ ├─ dist/ └─ src/ └─ components/ TypeScript文件

TypeScript语法学习--基本类型

查看官方文档手册:链接:https://www.tslang.cn/docs/home.html (一)Boolean 最基本的数据类型就是简单的true/false值 The most basic datatype is the simple true/false value, which JavaScript and TypeScript call a boolean value. ex: let isDone: boolean = false; var isDone:boolean; //

TypeScript: type alias 与 interface

官方文档中有关于两者对比的信息,隐藏在 TypeScript Handbook 中,见 Interfaces vs. Type Aliases 部分. 但因为这一部分很久没更新了,所以其中描述的内容不一定全对. 比如, 区别点之一:Type Alias 不会创建新的类型,体现在错误信息上. One difference is, that interfaces create a new name that is used everywhere. Type aliases don't create

vue+typescript基础练习

环境 win10 node -v 8.9.3 vue-cli 3.4 typescript 3.1.5 编辑器 vscode 目标 使用vuecli工具,建立一个项目,使用typescript.并实现基本的路由,组件等功能 步骤 一.建项目 官网文档https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 安装必要的环境,然后使用管理员身份打开CMD输入vue ui: 这个是vuecli的图形化界面,使用它建立比较方便,命