TS(typeScript)的学习笔记

举报
拿我格子衫来 发表于 2022/03/17 22:25:18 2022/03/17
【摘要】 TS 的官方网站   TS基础数据类型 布尔值 let isDone: boolean = false;  数字 let decLiteral: number = 6;let hexLiteral: number = 0xf00d;let binaryLiteral: number = 0b1010;le...

TS 的官方网站

 

TS基础数据类型

布尔值

let isDone: boolean = false;
 

 数字


  
  1. let decLiteral: number = 6;
  2. let hexLiteral: number = 0xf00d;
  3. let binaryLiteral: number = 0b1010;
  4. let octalLiteral: number = 0o744;

字符串


  
  1. let name: string = "bob";
  2. name = "smith";
  3. let name: string = `Gene`;
  4. let age: number = 37;
  5. let sentence: string = `Hello, my name is ${ name }.
  6. I'll be ${ age + 1 } years old next month.`;

数组

let list: number[] = [1, 2, 3];
 

元组


  
  1. // Declare a tuple type
  2. let x: [string, number];
  3. // Initialize it
  4. x = ['hello', 10]; // OK
  5. // Initialize it incorrectly
  6. x = [10, 'hello']; // Error

枚举


  
  1. enum Color {Red, Green, Blue}
  2. let c: Color = Color.Green;

Any


  
  1. let notSure: any = 4
  2. notSure = "maybe a string instead";
  3. notSure = false;

Void 函数没有返回值时使用void修饰


  
  1. function warnUser(): void {
  2. console.log("This is my warning message")
  3. }

Never never类型表示的是那些永不存在的值的类型。

Object object表示非原始类型,也就是除numberstringbooleansymbolnullundefined之外的类型。


  
  1. declare function create(o: object | null): void;
  2. create({ prop: 0 }); // OK
  3. create(null); // OK
  4. create(42); // Error
  5. create("string"); // Error
  6. create(false); // Error
  7. create(undefined); // Error

接口

TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。

可选属性


  
  1. interface SquareConfig {
  2. color?: string;
  3. width?: number;
  4. }

只读属性 

些对象属性只能在对象刚刚创建的时候修改其值。 你可以在属性名前用 readonly来指定只读属性:


  
  1. interface Point {
  2. readonly x: number;
  3. readonly y: number;
  4. }

额外的属性检查


  
  1. interface SquareConfig {
  2. color?: string,
  3. width?: number,
  4. [propName: string]: any
  5. }

函数类型

可索引的类型

继承接口

混合类型

接口继承类

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文章来源: fizzz.blog.csdn.net,作者:拿我格子衫来,版权归原作者所有,如需转载,请联系作者。

原文链接:fizzz.blog.csdn.net/article/details/103362985

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。