ts 学习笔记

var message:string = "Hello World"

console.log(message)

// ts 1基础类型

任意类型 any 声明为 any 的变量可以赋予任意类型的值。

数字类型 number

双精度 64 位浮点值。它可以用来表示整数和分数。

let binaryLiteral: number = 0b1010; // 二进制

let octalLiteral: number = 0o744; // 八进制

let decLiteral: number = 6; // 十进制

let hexLiteral: number = 0xf00d; // 十六进制

字符串类型 string

一个字符系列，使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌表达式。

let name: string = "Runoob";

let years: number = 5;

let words: string = 您好，今年是 ${ name } 发布 ${ years + 1} 周年;

布尔类型 boolean

表示逻辑值：true 和 false。

let flag: boolean = true;

数组类型 无

声明变量为数组。

// 在元素类型后面加上[]

let arr: number[] = [1, 2];

// 或者使用数组泛型

let arr: Array = [1, 2];

元组 无

元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同。

let x: [string, number];

x = ['Runoob', 1]; // 运行正常

x = [1, 'Runoob']; // 报错

console.log(x[0]); // 输出 Runoob

枚举 enum

枚举类型用于定义数值集合。

enum Color {Red, Green, Blue};

let c: Color = Color.Blue;

console.log(c); // 输出 2

void void

用于标识方法返回值的类型，表示该方法没有返回值。

function hello(): void {

alert("Hello Runoob");

}

null null

表示对象值缺失。

undefined undefined

用于初始化变量为一个未定义的值

never never

never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值。

2 变量声明//

我们可以使用以下四种方式来声明变量：

声明变量的类型及初始值：

var [变量名] : [类型] = 值;

例如：

var uname:string = "Runoob";

声明变量的类型，但没有初始值，变量值会设置为 undefined：

var [变量名] : [类型];

例如：

var uname:string;

声明变量并初始值，但不设置类型，该变量可以是任意类型：

var [变量名] = 值;

例如：

var uname = "Runoob";

声明变量没有设置类型和初始值，类型可以是任意类型，默认初始值为 undefined：

var [变量名];

例如：

var uname;

3.类型断言//

类型断言可以用来手动指定一个值的类型，即允许变量从一种类型更改为另一种类型。

语法格式：

<类型>值

或:

值 as 类型

实例

var str = '1'

var str2:number = str //str、str2 是 string 类型

console.log(str2)

4.函数//

// typescript定义函数的方法

// 命名函数

function say1(name:string):void {

console.log(name);

}

// 匿名函数

let say2 = function (name:string):void {

console.log(name);

}

// 箭头函数

let say3 = (name:string):void =>{

console.log(name);

}

//可选参数

function add(x:number, y:number, z?:number):number {

return x + y + (z ? z : 0);

}

let res = add(10, 20);

let res = add(10, 20, 30);

5.ts元祖（我们知道数组中元素的数据类型都一般是相同的（any[] 类型的数组可以不同），如果存储的元素数据类型不同，则需要使用元组。

元组中允许存储不同类型的元素，元组可以作为参数传递给函数）//

var mytuple = [10,"Runoob"];

6.数组声明//

var sites:string[];

sites = ["Google","Runoob","Taobao"]

var nums:number[] = [1,2,3,4]

console.log(nums[0]);

7.联合类型//

var val:string|number

val = 12

console.log("数字为 "+ val)

val = "Runoob"

console.log("字符串为 " + val)

8.接口(接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法)//

interface IPerson {

firstName:string,

lastName:string,

sayHi: ()=>string

}

var customer:IPerson = {

firstName:"Tom",

lastName:"Hanks",

sayHi: ():string =>{return "Hi there"}

}

9.类//

class Person {

name: string;

constructor(n: string) {

this.name = n;

}

getName():string {

return this.name;

}

setName(name:string):void {

this.name = name;

}

}

var p = new Person('张三');

console.log(p.getName()); //张三

console.log(p.setName('李四')); //李四

继承

class Person {

name: string;

constructor(name: string) {

this.name = name;

}

run(name:string):void {

this.name = name;

}

}

class Web extends Person{

constructor(name: string) {

super(name) //初始化父类的构造函数

}

}

var P = new Web('张三') //不报错

注意：如果没有 super(name) 会报错

类修饰符

public：共有（默认）；在类里面，子类，类外面都可以访问

protected：保护类型；在类里面，子类可以访问

private：私有；在类里面可以访问

静态属性 static 在ES6部分对静态属性的定义：这些属性存在于类本身上面而不是类的实例上，只能通过类.属性名称的方式来进行调用，而不能在实例上进行调用