TypeScript(一)

简介: TypeScript(一)

  • 给变量定义类型
let a:string;
a = '';//OK
a = 0;//Error
let a = ''; // 变量初始化时赋值。TS会自动对变量进行类型检测
a = 0;//Error
let a:string = '';
let b:number = 0;
let c:boolean = true;
let list:Array<number> = [1,2,3];
//或
let list:number[] = [1,2,3];
let x:[string,number];
    x = ['',0];
  x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型
  x[6] = true; // Error, 布尔不是(string | number)类型
//字面量指定值为10
let a:10;
    a = 10;// OK
  a = 11;// Error 字面量声明的指定值不可违反
// 使用逻辑或 | 扩大指定范围 ⬇ ⬇ ⬇
//指定值
let a:'你好' | '您好' = '你好';
  a = '你好';// OK
  a = '您好'; // OK
  a = '';// Error 字面量声明的指定值不可违反
//联合类型
let a:boolean | string;
  a = true;// OK
  a = '';// OK
  a = 0;// Error
// any 任意类型 开启动态类型 关闭TS类型检测
let a:any;//主动定义为any类型
//或
let a;//声明不指定类型,自动判断为any;  为隐式any
  a = '';
  a = 0;
  a = false;
  a = [1,2,3];
let b:string;
  b = a;// OK 允许将any类型的a赋值给string类型的b
// unknown 未知类型
let a:unknown;
  a = '';
  a = 0;
  a = false;
let b:string;
  b = a;// Error 不允许将unknown未知类型的a赋值给string类型的b
// 类型断言


  • 给函数参数定义类型
function sum(a:number,b:number) {
    return a + b;
}
sum(1,2)// OK return 3
sum(1,'2')// Error


  • 给函数返回值定义类型
function sum(a:number,b:number):number {
    return a + b;
}

相关文章
|
6月前
|
存储 JavaScript 索引
TypeScript四
## 联合类型 联合类型使用`|`分隔,表示变量可为多种类型: ```c var val: string | number; val = 12; // OK val = &quot;Runoob&quot;; // OK `
|
6月前
|
JavaScript 前端开发
TypeScript二
JavaScript Number对象包含多种方法,如`toExponential()`将数值转化为指数形式,`toFixed()`保留指定位数的小数,`toLocaleString()`按本地格式显示数字,`toPrecision()`格式化数字到指定长度,`toString()`以指定基数表示数字,而`valueOf()`返回原始数值。此外,示例中还展示了Date对象的格式化方法。对于String对象,有`constructor`返回创建对象的函数,`length`获取字符串长度,`prototype`用于扩展对象,以及一系列如`charAt()`、`indexOf()
|
JavaScript 前端开发 编译器
30分钟速成TypeScript
30分钟速成TypeScript
|
JavaScript 前端开发 编译器
TypeScript使用技巧
TypeScript使用技巧
66 0
|
JavaScript 前端开发 数据库
TypeScript 期中考试现在开始
相信这段时间来,对 TypeScript 感兴趣的小伙伴们已经把这个神器给系统的学习了一遍了吧。如果计划开始学习但是还没有开始,或者没有找到资料的同学,可以看下我在之前文章中 前端进阶指南[1] 找一下 TypeScript 部分的教程,自行学习。
|
JSON JavaScript 前端开发
Typescript知识总结(1)
Typescript知识总结(1)
Typescript知识总结(1)
|
JavaScript 前端开发
初识 TypeScript 二。
初识 TypeScript 二。
初识 TypeScript 二。
|
Rust JavaScript 前端开发
C# 是 TypeScript 的最佳替补?
C# 是 TypeScript 的最佳替补?
277 0
C# 是 TypeScript 的最佳替补?
|
JavaScript 前端开发 编译器
【TypeScript】一文带你了解什么是TypeScript
【TypeScript】一文带你了解什么是TypeScript
【TypeScript】一文带你了解什么是TypeScript
typescript1-typescript是什么
typescript1-typescript是什么
59 0
typescript1-typescript是什么