ts

Author: victorsun

18-TypeScript/04-oop/03-interface.ts

@@ -1,7 +1,7 @@
 (function() {
 
   type myType = {
-    name: string,
+    readonly name: string,
     age: number,
     [propName: string]: any,
   }
@@ -27,6 +27,19 @@
     gender: 'male',
   }
 
+
+
+  // 函数类型接口
+  interface SearchFunc {
+    (source: string, subString: string): boolean;
+  }
+  let mySearch: SearchFunc;
+  mySearch = function(source: string, subString: string) {
+    let result = source.search(subString);
+    return result > -1;
+  }
+
+
   // interface 和 abstract 不同的是 abstract 可以有具体的方法，interface 所有的方法都是抽象方法
   // 接口定义了类的规范标准
   interface myInter {
@@ -44,5 +57,45 @@
     }
   }
 
+  // 类类型
+  interface ClockConstructor {
+    new (hour: number, minute: number): ClockInterface;
+  }
+  interface ClockInterface {
+    tick(): void;
+  }
+  function createClock(ctor: ClockConstructor, hour: number, minute: number): ClockInterface {
+      return new ctor(hour, minute);
+  }
+  class DigitalClock implements ClockInterface {
+      constructor(h: number, m: number) { }
+      tick() {
+          console.log("beep beep");
+      }
+  }
+  class AnalogClock implements ClockInterface {
+      constructor(h: number, m: number) { }
+      tick() {
+          console.log("tick tock");
+      }
+  }
+  // 传入类构造函数
+  let digital = createClock(DigitalClock, 12, 17);
+  let analog = createClock(AnalogClock, 7, 32);
+
+
+  // 接口继承
+  interface Shape {
+    color: string;
+  }
+  interface PenStroke {
+      penWidth: number;
+  }
+  interface Square extends Shape, PenStroke {
+      sideLength: number;
+  }
+  let square = <Square>{};
+
+  
 
 })();

18-TypeScript/04-oop/05-泛型.ts

@@ -34,4 +34,22 @@ class MyClass<T> {
     this.name = name;
   }
 }
-const mc = new MyClass<string>('csxiaoyao');
+const mc = new MyClass<string>('csxiaoyao');
+
+
+// 使用带有调用签名的对象字面量来定义泛型函数
+function identity<T>(arg: T): T {
+  return arg;
+}
+let myIdentity: {
+  <T>(arg: T): T
+} = identity;
+interface GenericIdentityFn<T> {
+  (arg: T): T;
+}
+let myIdentity2: GenericIdentityFn<number> = identity;
+
+// 在泛型里使用类类型  在TypeScript使用泛型创建工厂函数时，需要引用构造函数的类类型
+function create<T>(c: { new(): T; }): T {
+  return new c();
+}