码迷,mamicode.com
首页 > 其他好文 > 详细

初识Typescript

时间:2018-12-20 19:04:24      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:touch   strong   生产   安装   空指针   语言   哪些   生产力   开发   

什么是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指的是空指针。暂时我是这么理解的。

。。。

初识Typescript

标签:touch   strong   生产   安装   空指针   语言   哪些   生产力   开发   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!