白话文:几个例子马上看懂typescript基础类型

TS入门:基础类型

// 基础类型
// Number
let num: number = 321321;
// String
let str: string = `hello world ${num}`;
// Array
let arr: number[] = [1, 2, 3];
let arr1: Array<string> = ['1', '2', '3'];
// Tuple 元组
let tuple: [string, number, boolean];
tuple = ['id', 1001, true];
// enum 枚举
enum Days { Sun = 7, Mon = 1, Tue, Wed, Thu, Fri, Sat };
let day: Days = Days.Sun;
console.log(Days['Wed'] === 3); // true
console.log(day); // 7
// Any
let notSure: any = 'string';
notSure = 123;
let notSureArr: any[] = ['1321', 123, true];
// Void
let useless: void = undefined;
useless = null; // 只能赋值null or undefined
function fun(num: number): void {
  console.log(num + '%'); // 无返回值应当定义为void
}
// Null & Undefined
let n: null = null;
let u: undefined = undefined;
num = u; //可赋值给其他任何其他类型
console.log(num); // undefined
// Never 表示永远不存在的值的类型
function infinite(): never {
  while (true) {
  }
}
// 类型断言,告诉ts对类型非常肯定并经过了检查
let userInput: any = 'hello there'; // 此处假设我可以非常确定是字符串
let strLength: number = (<string>userInput).length; // 断言userInput一定是字符串
console.log(<number>strLength === 11); // true 断言strLength一定是数字
let obj: object = {
  userInput: userInput as string, // 也可使用as语法
  strLength: strLength as number,
};
console.log(obj);
    原文作者:JS菌
    原文地址: https://segmentfault.com/a/1190000012651686
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞