typescript入门

安装typescripr编译器

npm install -g typescript

编辑.ts文件

tsc hello.ts

会编译出相对应的.js代码文件

优势:

typescript是微软开发的javascript的超集遵循ES6规范,扩展了JS语法,现有的JS程序都可以不加修改的在TS下工作。TS添加了静态 类型和基于面向对象编程,并支持已经存在的JS库添加类型信息的头文件。

类型:

string: 字符串

number: 数字

boolean: 布尔

any:任意值

void: 空值;他表示没有任何类型; 当一个函数没有返回值时,你通常会见到其返回值类型是void

null和undefined: 在TS中undefined和Null都有自己的类型分别叫做undefined和null。和void相似。

声明一个数组的两种方式:

let list:number[]=[1,2,3]

let list:Array<number>=[1,2,3]

元组-Tuple:元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。

枚举: enum类型是对JS标准数据类型的一个补充。使用枚举类型可以为一组数值赋予友好的名字。

时间: 2024-10-11 16:50:20

typescript入门的相关文章

【第11篇】最全的中文TypeScript入门指南详解案例教程与代码案例

一.最全的中文TypeScript入门指南详解案例教程           文档下载 二.代码案例 源代码下载 手机微信扫一扫有惊喜... ================================================================================================================= 1.详细安装文章请看 http://blog.csdn.net/jilongliang/article/details/219429

TypeScript入门指南(JavaScript的超集)

TypeScript入门指南(JavaScript的超集) 你是否听过 TypeScript? TypeScript 是 JavaScript 的超集,TypeScript结合了类型检查和静态分析,显式接口.TypeScript是微软的开源项目,它是由C#之父Anders Hejlsberg发起的. 为什么会有 TypeScript? JavaScript 只是一个脚本语言,并非真正设计用于开发大型 Web 应用,JavaScript 没有提供类和模块等概念,对于一个真正的应用开发,TypeSc

TypeScript入门五:TypeScript的接口

TypeScript接口的基本使用 TypeScript函数类型接口 TypeScript可索引类型接口 TypeScript类类型接口 TypeScript接口与继承 一.TypeScript接口的基本使用 1.1定义TypeScript接口的指令(interface) 接口让我们想到的第一个短语就是(API).比如日常我们所说的调用某某程序的API一般都是跨应用的接口,如别的网站的或者APP的接口:还有我们每天都是用的编程语言的指令和内置的方法及属性,这些可以叫做编程语言的接口:还有令我们既

TypeScript入门二:基本数据类型

浅析基本数据类型 TypeScript类型解析 一.浅析基本数据类型 首先有一个问题TypeScript是一门编译型语言?还是解释性语言?显然已经不能被这两个分类来区分,TypeScript的并不是为了让JavaScript改变执行方式,不是为了提高机器执行效率的.而编译型和解释型的分类是基于这两个特点的.但是,TypeScript具备编译型语言一个特点,就是它对类型进行检查,如果出现类型冲突时它是无法编译成js文件的. 既然TypeScript编译需要对变量进行类型检查,这就意味着TypeSc

TypeScript入门三:TypeScript函数类型

TypeScript函数类型 TypeScript函数的参数 TypeScript函数的this与箭头函数 TypeScript函数重载 一.TypeScript函数类型 在上一篇博客中已经对声明TypeScript类型变量已经做了初步的解析,这里先回顾以下: 1 //声明函数 2 function add1(x:number,y:number):number{ 3 return x+y; 4 } 5 6 let add2 = function(x:number,y:number):number

TypeScript入门知识二(参数新特性)

一,参数类型 1.在参数的名称后面使用冒号来指定参数的类型,当赋值的不是指定类型数值时会报错. var myname: string = "zhang san"; 2.当你没有指定类型时,会默认你第一次赋值的数据类型为当前变量的数据类型,在TypeScript中称为(类型推断机制) var myname = "zhang san"; myname = 13;//(这时候就会报错) 3.any 类型,当定义为any 类型时,可以赋多种类型的数值. var myname

TypeScript入门-泛型

泛型 要创建一个可重用的组件,其中的数据类型就必须要兼容很多的类型,那么如何兼容呢,TypeScript提供了一个很好的方法:泛型 Hello World 要兼容多种数据格式,可能会有人想到any,即 function identify(arg: any): any{    return arg; } 使用any存在一个问题,有可能传入的值和返回的值不是同一种值,例如,传入数字,但是不确定返回的是什么值 要解决这个问题,我们需要引入类型变量-一种特殊的变量,只用于表示类型不表示值 functio

TypeScript入门-函数

▓▓▓▓▓▓ 大致介绍 TypeScript为JavaScript函数添加了额外的功能,让我们可以更容易地使用.TypeScript中的函数也包括JavaScript中最常见的两种函数 function add(x,y){ return x + y; } let add = function(x,y){ return x + y; } ▓▓▓▓▓▓ 函数类型 可以像变量一样为函数定义类型 function add(x: number, y: number): number { return x

TypeScript入门知识一(字符串特性)

一,TypeScript多行字符串 传统JavaScript字符串换行需要+进行拼接,而TypeScript不需要+拼接.看下面实例: javaScript: var content = "aaa"+ "bbbb"; TypeScript: var content = `aaa bbb`; (注意这里的``不是单引号,是双撇号,键盘左上角的那个按键): 二,TypeScript字符串模板 字符串模板就是在多行字符串里用一个表达式插入变量,标签,方法: var myN