TypeScript 基础语法

TypeScript 是 JavaScript 的一个超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。

一、TypeScript 的数据类型

1.数字类型

可以用来表示整数和分数

let binaryLiteral: number = 0b1010; // 二进制
let octalLiteral: number = 0o744;    // 八进制
let decLiteral: number = 6;    // 十进制
let hexLiteral: number = 0xf00d;    // 十六进制

2.字符串类型

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

let name: string = "ikun";
let age: number = 18;
let words: string = `你好，今天是 ${ name } 的${ age } 岁生日`;

3.布尔类型 

let flag: boolean = true;

4.数组类型

// 在元素类型后面加上[]
let arr: number[] = [1, 2];
// 或者使用数组泛型
let arr: Array = [1, 2];

5.元组

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

let x: [string, number];
x = ['Runoob', 1];    // 运行正常
x = [1, 'Runoob'];    // 报错
console.log(x[0]);    // 输出 Runoob

6.枚举（enum）

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

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

7.Any类型

任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型，也可以用 | 来支持多种类型

let x: any = 1;    // 数字类型
x = 'I am who I am';    // 字符串类型
x = false;    // 布尔类型

let y: number | null | undefined | string;

二、TypeScript 的变量声明

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

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

类型断言

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

<类型>值

var str = '1' 
var str2:number =   str   //str、str2 是 string 类型
console.log(str2)

 三、TypeScript 的运算符、条件语句（if，switch……case）、循环

与JavaScript类似，这里就不再赘述

四、数组方法

1、concat()

var alpha = ["a", "b", "c"]; 
var numeric = [1, 2, 3];

var alphaNumeric = alpha.concat(numeric); 
console.log("alphaNumeric : " + alphaNumeric );    // a,b,c,1,2,3 

2.forEach()

let num = [7, 8, 9];
num.forEach(function (value) {
    console.log(value);
}); 

3.indexOf()

var index = [12, 5, 8, 130, 44].indexOf(8); 
console.log("index is : " + index );  // 2