feat: update articles

wx-chevalier · wx-chevalier · commit f3811bcbfffe · 2019-10-16T17:18:55.000+08:00
diff --git a/TypeScript/类型使用/基础类型.md b/TypeScript/类型使用/基础类型.md
@@ -82,9 +82,9 @@ enum StoryType {Video = 10, Article = 20, Tutorial=30}
 
 ```ts
 enum Colors {
-  Red = 'RED',
-  Green = 'GREEN',
-  Blue = 'BLUE'
+  Red = "RED",
+  Green = "GREEN",
+  Blue = "BLUE"
 }
 ```
 
@@ -93,8 +93,8 @@ enum Colors {
 在 TypeScript 中，我们能够创建 Typed Arrays 或者 Generic Arrays，Typed Arrays 的创建方式如下：
 
 ```ts
-const tags: string[] = ['javascript', 'programming'];
-tags.push('typescript');
+const tags: string[] = ["javascript", "programming"];
+tags.push("typescript");
 tags.forEach(function(tag) {
   console.log(`Tag ${tag}`);
 });
@@ -114,7 +114,7 @@ interface StringArray {
 }
 
 let myArray: StringArray;
-myArray = ['Bob', 'Fred'];
+myArray = ["Bob", "Fred"];
 
 let myStr: string = myArray[0];
 ```
@@ -160,7 +160,7 @@ interface NestedArray extends Array<NestedArray | Atom> {  }
 type AtomOrArray = Atom | NestedArray;
 
 // Usage
-let foo: AtomOrArray = [     "",     1,      [1, 2, ""] ]     let bar: AtomOrArray =  ""
+let foo: AtomOrArray = ["", 1, [1, 2, ""] ]     let bar: AtomOrArray =  ""
 ```
 
 ## Tuple
@@ -169,9 +169,9 @@ TypeScript 同时提供了 Tuple 元组类型，允许返回包含不同的已
 
 ```js
 let storyTitles = [
-  'Learning TypeScript',
-  'Getting started with TypeScript',
-  'Building your first app with TypeScript'
+  "Learning TypeScript",
+  "Getting started with TypeScript",
+  "Building your first app with TypeScript"
 ];
 
 let titlesAndLengths: [string, number][] = storyTitles.map(function(title) {
@@ -207,13 +207,13 @@ never 类型的典型应用场景，就是处理函数中可能的不可达代
 
 ```ts
 function foo(x: string | number): boolean {
-  if (typeof x === 'string') {
+  if (typeof x === "string") {
     return true;
-  } else if (typeof x === 'number') {
+  } else if (typeof x === "number") {
     return false;
   }
 
-  return fail('Unexhaustive!');
+  return fail("Unexhaustive!");
 }
 ```
 
@@ -242,7 +242,7 @@ let foo: unknown = 10;
 
 function hasXYZ(obj: any): obj is { x: any; y: any; z: any } {
   return (
-    !!obj && typeof obj === 'object' && 'x' in obj && 'y' in obj && 'z' in obj
+    !!obj && typeof obj === "object" && "x" in obj && "y" in obj && "z" in obj
   );
 }
 
@@ -268,6 +268,6 @@ TypeScript 允许我们使用 any 关键字来描述不确定的类型，编译
 
 ```ts
 let notSure: any = 4;
-notSure = 'maybe a string instead';
+notSure = "maybe a string instead";
 notSure = false; // okay, definitely a boolean
 ```
diff --git a/TypeScript/类型使用/类与接口.md b/TypeScript/类型使用/类与接口.md
@@ -2,6 +2,23 @@
 
 TypeScript 中的类与其他面向对象的编程语言非常相似，即类是此类（对象）实例所支持的内容的契约定义；此外，类还可以从其他类甚至接口继承功能。不过 TypeScript 中的类仅支持单个构造函数。
 
+# interface（接口）
+
+```ts
+export declare function keys<T extends object>(): Array<keyof T>;
+
+import { keys } from "ts-transformer-keys";
+
+interface Props {
+  id: string;
+  name: string;
+  age: number;
+}
+const keysOfProps = keys<Props>();
+
+console.log(keysOfProps); // ['id', 'name', 'age']
+```
+
 # 类
 
 从 ES6 开始，JavaScript 内建支持使用 class 关键字来声明类，而 TypeScript 允许我们以 implements 来实现某个接口，或者以 extends 关键字来继承某个类：
@@ -12,7 +29,7 @@ class Child extends Parent implements IChild, IOtherChild {
   property: Type;
 
   // 类属性默认值
-  defaultProperty: Type = 'default value';
+  defaultProperty: Type = "default value";
 
   // 私有属性
   private _privateProperty: Type;
@@ -67,7 +84,7 @@ class TextStory implements Story {
 }
 
 // 使用静态方法创建类对象
-let story = TextStory.storyWithNoTags('Learning TypeScript');
+let story = TextStory.storyWithNoTags("Learning TypeScript");
 
 class TutorialStory extends TextStory {
   constructor(title: string, ...tags) {
@@ -173,7 +190,7 @@ export class Entity {
 ## Task
 
 ```ts
-import { Entity } from './entity';
+import { Entity } from "./entity";
 
 export class Task extends Entity {
   private _completed: boolean;
@@ -204,8 +221,8 @@ export class Task extends Entity {
 我们将创建的第三个类是 Story，一个代表用户故事的具体类。故事可以细分为多个任务以方便其执行，但只有一个人负责故事及其任务。除此之外，故事包含一个标题（继承自实体）和一个标识故事是否已经完成的标志。要定义 Story 类，让我们使用以下代码在./src 目录中创建一个名为 story.ts 的文件：
 
 ```ts
-import { Entity } from './entity';
-import { Task } from './task';
+import { Entity } from "./entity";
+import { Task } from "./task";
 
 export class Story extends Entity {
   private _completed: boolean;
@@ -256,8 +273,8 @@ export class Story extends Entity {
 我们将创建的第四个也是最后一个类将是 Project 类。项目包含零个或多个故事，可以在完成后发布，并且可以具有标题（从实体继承）。要定义此类，让我们在./src 目录中创建一个名为 project.ts 的文件，并添加以下代码：
 
 ```ts
-import { Entity } from './entity';
-import { Story } from './story';
+import { Entity } from "./entity";
+import { Story } from "./story";
 
 export class Project extends Entity {
   private _released: boolean;
@@ -303,8 +320,8 @@ export interface Completable {
 定义此接口后，我们可以使用它来限制哪些对象可以传递给发送电子邮件的函数。让我们在./src 目录中创建一个名为 index.ts 的文件，以查看此操作：
 
 ```ts
-import { Task } from './task';
-import { Completable } from './completable';
+import { Task } from "./task";
+import { Completable } from "./completable";
 
 function sendCompletionEmail(completable: Completable) {
   if (!completable.completed) {
@@ -318,7 +335,7 @@ function sendCompletionEmail(completable: Completable) {
   // ...
 }
 
-let bugFix = new Task(1, 'Weirdo flying bug');
+let bugFix = new Task(1, "Weirdo flying bug");
 sendCompletionEmail(bugFix);
 bugFix.completed = true;
 sendCompletionEmail(bugFix);
