微软 TypeScript

目录:

======================================================

第1节 闲谈 TypeScript

======================================================

1.

2.

 3

编译之后,生成js 文件

4.

======================================================

第2节 基础类型

======================================================

 1

2.

3. list 数组

4. Tuple 元组

5.枚举

// 扩展类型 enum 枚举
enum color {Red, Green, Blue};
var c:color = color.Red;
console.log(color.Red);  // 0
console.log(c);  // 0

6.任意值

7. 空值

void不允许有 return 返回

8.类型断言

======================================================

第3节 接口

======================================================

1.  接口与引用

 

2.接口与类 (接口里有什么,类里就应有什么)

======================================================

第4节 类

======================================================

 1. 类 与 构造函数的使用

2.

class 幸福的家庭{}  // 新建类
class 儿子 extends 幸福的家庭 {} // 新建类 儿子,继承 类幸福的家庭
class 幸福的家庭{
    父亲 : string,
    儿子打招呼(age: number){ // 方法
        console.log(`我的父亲是${this.父亲},我今年${age}岁`);
    },
    constructor(fatherName : string) {  // 构造函数
        this.父亲 = fatherName;
    }
}

访问控制修饰符

======================================================

第5节 函数

======================================================

1.有名字的函数

2. 匿名函数

使用方法1:

 

使用方法2:

function dianming(banzhang:string, ...tongxue:string[]) {
    console.log('班长:' + banzhang +',同学:' + tongxue.join("、"));
}
let student = dianming('wos','张三', '李四', '王五');
// 班长:wos,同学:张三、李四、王五

======================================================

第6节 泛型

======================================================

1.泛型简介

2.示例1

3.示例2

 

4.示例3 

interface ss<t>{
    (arg:t):t
}
function whatis<t>(chr:t):t {
    return chr;
}
let num:ss<number> = whatis  // num 赋予 ss 接口;运算通过 function 执行
console.log(num(10));  // 10

5. 泛型运用在类中

======================================================

第7节 枚举

======================================================

1.简介

2. 示例

 3.枚举分类

======================================================

第8节 模块 implements

======================================================

 1.模块定义

2.立即执行函数 模块化

   

模块外赋值,不会污染模块内的元素

猜你喜欢

转载自blog.csdn.net/qq_25131799/article/details/83033160