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;
}

相关文章
|
1月前
|
JavaScript 前端开发 安全
TypeScript五
TypeScript是面向对象的JavaScript超集,支持类、接口等OOP特性。类通过`class`定义,包括字段、构造函数和方法。例如,`Car`类有`engine`字段、构造函数和`disp`方法。类间可实现继承,如`Circle`继承`Shape`。TypeScript不支持多重继承,但允许多重继承链。`static`关键字定义静态成员,`instanceof`检查对象类型,访问控制修饰符(public, protected, private)管理访问权限。类能实现接口,如`AgriLoan`实现`ILoan`。 TypeScript对象是类型实例,
|
25天前
|
JavaScript
|
1月前
|
JavaScript 前端开发 开发者
TypeScript一
JavaScript开发迅速但维护成本高,适合小型项目,因其动态类型导致编辑器提示不全。TypeScript是JS超集,增加了类型系统,提高开发效率和代码质量。安装TypeScript需先安装Node.js,然后通过npm安装tsc。案例演示创建`.ts`文件,转换成`.js`并运行。TypeScript支持多种数据类型,如any、number、string等,并有严格变量声明和函数定义规则,包括函数重载和匿名函数。
|
8月前
|
JavaScript 前端开发 编译器
30分钟速成TypeScript
30分钟速成TypeScript
|
10月前
|
JavaScript
【TypeScript理解】
【TypeScript理解】
|
JavaScript 前端开发 安全
快速了解 TypeScript
快速了解 TypeScript
|
JavaScript 前端开发
初识 TypeScript 二。
初识 TypeScript 二。
初识 TypeScript 二。
|
JavaScript 前端开发 编译器
【TypeScript】一文带你了解什么是TypeScript
【TypeScript】一文带你了解什么是TypeScript
【TypeScript】一文带你了解什么是TypeScript