typeScript笔记

1. 安装typeScript

        npm install -g typescript

以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了

2. 编译一个 TypeScript

        tsc fileName.ts

3. 例子 hello.ts

function sayHello(person: string) {

    return 'Hello, ' + person;

}

let user = 'Tom';

console.log(sayHello(user));

编译得到 hello.js

function sayHello(person) {

    return 'Hello, ' + person;

}

var user = 'Tom';

console.log(sayHello(user));

注意:编辑器中会提示错误,编译的时候也会出错,但是还是生成了 js 文件

可以把 let user = 'Tom' 改为 let user = [1, 2, 3]后编译在看看hello.js文件


4.基础 

let isDone: boolean = false;

let decLiteral: number = 6;

let myName: string = 'Tom';

let u:undefined = undefined;

let n:null = null;

任意值any

let a:any = 'serven'

a = 7

类型推论

let a = 'serven'  // a: string

a = 7  // index.ts(2,1): error TS2322: Type 'number' is not assignable to type 'string'.

let a = 'serven' 等价于 let a:string = 'serven'

联合类型

联合类型(Union Types)表示取值可以为多种类型中的一种。

let a:string | number

a = 'serven'

a = 7

对象的类型——接口

在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。

interface Person {

        name: string,

        age: number

}

let tom: Person = {

        name: 'tom',

        age: 7

}

// tom 格式必须和接口一直,属性意义对应上,不能多也不能少

如果要少,要把接口的数据对象设置为可选属性,加个问号

interface Person {

        name: string,

        age?: number

}

let tom: Person = { name: 'tom' }

如果要多个属性 可以添加可一个任意属性值

interface Person {

        name: string,

        age: number,

        [propName: string]: any

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、ts介绍 是javascript的超集,遵循最新的ES5 ES6规范。ts扩展了js的语法。 二、安装与编译 ...
    聪明的傻瓜子_阅读 317评论 0 0
  • 安装TypeScript包 使用步骤 npm init -y来初始化项目,生成package.json文件。 在终...
    快乐小码仔阅读 1,377评论 0 10
  • 前言 现在TypeScript越来越火,咱也赶一下潮流,开始学习一下TypeScript,在学习的同时做笔记记录,...
    郝晨光阅读 1,479评论 0 7
  • #### TypeScript 基于JavaScript之上的语言 解决了JavaScript类型系统的问题 - ...
    爵迹01阅读 320评论 0 1
  • 一、简介 1.1 什么是 TypeScript TypeScript 是 JavaScript 的一个超集,主要提...
    _ihhu阅读 1,303评论 0 2