初识Typescript

什么是typescript?

Typescript是一种由微软开发的自由和开源的语言,是原生javascript的超集,Typescript在原生javascript的基础上添加了可选的静态类型和基于类的面向对象编程.

可是尽管如此,Typescript在编译时还是需要将其转化成javascript.其诞生是提升生产力,增强了Javascript编写应用的开发和调试环节.

1.安装NodeJs

安装node很简单,去官网下载即可,安装完了之后,使用命令

node -v // node版本
npm -v // npm版本

提示版本号说明安装成功.

2.安装Typescript

win系统下

npm install typescript -g
tsc --version // 提示版本号

Mac系统

sudo npm install typescript -g
tsc --version // 提示版本号

如果显示版本号说明安装成功

3.强大的HelloWrold

当我们安装完成了typescript之后，我们学习任何语言都需要学习Helloworld,那么我们来使用typscript来编写Helloworld.

1.首先我们需要初始化我们的项目

 npm init -y // 初始化node项目

 tsc --init // 初始化typescript项目

 touch helloworld.ts // 创建typescript文件

接着在helloworld.ts文件中写相关代码

helloworld.ts文件

var a:string = "HelloWorld"
console.log(a)

写完了之后，运行

tsc helloworld.ts // 编译ts文件

当命令结束，我们可以看到同级目录下会生成一个文件，helloworld.js文件。文件内容和原生的javascirpt一样，没区别。

所以，当我们使用node命令

node helloworld.js // 输出HelloWorld

3.变量类型

Typescript和原生的JavaScript不同的是，typescript的变量是强类型的。也就是说，在声明变量之前，我们必须给它一个类型，比如

金额，一定得声明是Number，

名字，一定得声明是String。

那么typescript有哪些呢？Typescript中的数据类型有:

• Undefined
• Number
• string
• Boolean
• enum // 枚举类型，类似数组
• any // 任意类型，啥都做
• Array
• Tuple // 元组类型
• Null

我想以上的大部分类型我们都知道是啥类型了吧，有JavaScript基础都知道。

但是我们还是需要再复习一下。简单说一下

undefined：声明了一个变量但未赋值

比如

var a:string
console.log(a) // undefined

Number: 声明一个数字，不分整数还是小数

var age:number = 18
var price:number = 99.9
console.log(age) // 18
console.log(price) // 99.9

string:声明字符串

正如helloworld一样

var a:string = "Helloworld"
console.log(a) // Helloworld

boolean:布尔类型，分为true,false

var isEmpty:boolean = true
var isEmpty_1:boolean = false
console.log(isEmpty)
console.log(isEmpty_1)

enum:枚举类型

抽象实物的细分。比如

enum Car {
    "大卡车",
    "火车",
    "小轿车"
}

console.log(Car.大卡车) // 0 打印对应的下标，和数组类似

简单的enum类型，如果需要赋值，

enum Car {
    a = "大卡车",
    b = "火车",
    c = "小轿车"
}

console.log(Car.a) // 大卡车

any: 任意类型，就是它啥都是，不用硬性指定类型,比如：

var a:any = 10
a = "hope"
a = false
console.log(a)

Null： 空类型

在面试当中经常会被问到undefined 和 null有啥区别，这两兄弟都是空，但是undefined代表的是声明变量但是未赋值，null指的是空指针。暂时我是这么理解的。

。。。

原文地址：https://www.cnblogs.com/hhopeforlife/p/10150697.html