其他分享
首页 > 其他分享> > Typescript基础使用

Typescript基础使用

作者:互联网

typescript的类型限制

布尔值

let isDone: boolean = false;

数字

和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。

let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;

字符串

JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样,我们使用 string表示文本数据类型。 和JavaScript一样,可以使用双引号( ")或单引号(')表示字符串。

let name: string = `Gene`;
let age: number = 37;
let sentence: string = `Hello, my name is ${ name }.

I'll be ${ age + 1 } years old next month.`;

数组

TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 第一种,可以在元素类型后面接上 [],表示由此类型元素组成的一个数组:

let list: number[] = [1, 2, 3];

或者也可以使用数据泛型,Array<元素类型>

let list: Array<number> = [1, 2, 3];

元组Tuple

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 stringnumber类型的元组。

// Declare a tuple type
let x: [string, number];
// Initialize it
x = ['hello', 10]; // OK
// Initialize it incorrectly
x = [10, 'hello']; // Error

当访问一个已知索引的元素,会得到正确的类型:

console.log(x[0].substr(1)); // OK
console.log(x[1].substr(1)); // Error, 'number' does not have 'substr'

当访问一个越界的元素,会使用联合类型替代(当访问超出元素数目的索引值时,索引值的类型为联合类型):

x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型

console.log(x[5].toString()); // OK, 'string' 和 'number' 都有 toString

x[6] = true; // Error, 布尔不是(string | number)类型

 任意类型Any

在任意值上访问任何属性都是允许的:

let anyThing: any = 'hello';
console.log(anyThing.uname);
console.log(anyThing.uname.firstName);

也允许调用任何方法:

let anyThing: any = 'hello';
anyThing.setName('muzidigbig');
anyThing.setName('muzidigbig').sayHello();
anyThing.name.setFirstName('Lee');

变量如果在声明的时候,未指定其类型未进行初始赋值,那么它会被识别为任意值类型:

let someThing;
// 等价于 let someThing: any;
 
someThing = 'seven';
someThing = 7;
 
someThing.setName('muzidigbig');

未指定其类型进行初始赋值

会根据初始值推断类型

var num = 2;  //类型推断为 number
console.log(typeof num);
num = '12'; //编译错误
//error TS2322: Type '"12"' is not assignable to type 'number'.
console.log(typeof num);

 

标签:Typescript,console,string,anyThing,基础,number,let,使用,类型
来源: https://www.cnblogs.com/CNxyx/p/15726837.html