最近很多小伙伴都在问[TypeScript]DefineCustomTypeGuardFunctionsinTypeScript这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展13

最近很多小伙伴都在问[TypeScript] Define Custom Type Guard Functions in TypeScript这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展13、TypeScript 之联合类型 - unionType、null、undefined、angular – 由typescript导入的代码的Typescript类型？、electron 7 typescript @types/node v13 问题、javascript – 为什么从angularjs.TypeScript.DefinitelyTyped中删除了全局“angular”变量？等相关知识，下面开始了哦！

• [TypeScript] Define Custom Type Guard Functions in TypeScript
• 13、TypeScript 之联合类型 - unionType、null、undefined
• angular – 由typescript导入的代码的Typescript类型？
• electron 7 typescript @types/node v13 问题
• javascript – 为什么从angularjs.TypeScript.DefinitelyTyped中删除了全局“angular”变量？

[TypeScript] Define Custom Type Guard Functions in TypeScript

One aspect of control flow based type analysis is that the TypeScript compiler narrows the type of a variable within a type guard.

This lesson explores how you can define functions and type predicates to create your own type guards similar to the Array.isArray() method.

const numbers = [0, 1, 2, [3, 4], 5, [6], [7], 8, [9]];

function isFlat<T>(array: (T | T[])[]): array is T[] {
    console.log(!array.some(Array.isArray));
    return !array.some(Array.isArray);
}

if (isFlat(numbers)) {
    numbers;
}

isFlat function return value is a boolean value. We add ''array is T[]'' that adds additional information for types.

isFlat(numbers): numbers type is ''(number|number())[]'' 

but inside if statement: numbers is ''number[]'', because we tell typescript, array is T[] in the return value.

13、TypeScript 之联合类型 - unionType、null、undefined

所谓联合类型就是指：可以指定多种数据类型，扩大数据类型范围。

let data: string | number | boolean...

TS并不推荐使用

null 和 undefined 是所有类型的子集 有些情况 即使你定义参数类型 传入 null 或者 undefined 也不会报错的

当你 去编译 TS 文件 加上后缀 --strictNullChecks

比如这样tsc filesName.ts --strictNullChecks

var func = function (value: number | string) {
 var type = typeof value;
 if (typeof value === "number") {
  return "your number is " + value;
 }
 else if (typeof value === "string") {
  return "your name is " + value;
 }
};
var result = func(null);

意思为类型“null”的参数不能赋值给类型 “string | number” 的参数

当然想解决此类问题 只需要在参数加上 null 和 undefined 即可

angular – 由typescript导入的代码的Typescript类型？

import {SomeType} from "sometype.d.ts"
declare let ObjectImportedFromHTMLScriptTag: SomeType;

electron 7 typescript @types/node v13 问题

node_modules/electron/electron.d.ts:7145:33 - error TS2689: Cannot extend an interface ''NodeJS.EventEmitter''. Did you mean ''implements''?

yarn add @types/node@12.12.6 --dev

angular
    .module("someModule")....