首页 > 其他分享 >ts 学习笔记

ts 学习笔记

时间:2023-02-27 11:24:28浏览次数:32  
标签:name ts 笔记 number 学习 类型 let var string

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部分对静态属性的定义:这些属性存在于类本身上面而不是类的实例上,只能通过类.属性名称的方式来进行调用,而不能在实例上进行调用

标签:name,ts,笔记,number,学习,类型,let,var,string
From: https://www.cnblogs.com/teahouse/p/17159014.html

相关文章