网站中文商标域名注册,婚纱网站页面设计图片,如何制作网站设计,wordpress设置显示摘要还是大剑师兰特#xff1a;曾是美国某知名大学计算机专业研究生#xff0c;现为航空航海领域高级前端工程师#xff1b;CSDN知名博主#xff0c;GIS领域优质创作者#xff0c;深耕openlayers、leaflet、mapbox、cesium#xff0c;canvas#xff0c;webgl#xff0c;ech… 还是大剑师兰特曾是美国某知名大学计算机专业研究生现为航空航海领域高级前端工程师CSDN知名博主GIS领域优质创作者深耕openlayers、leaflet、mapbox、cesiumcanvaswebglecharts等技术开发欢迎加底部微信gis-dajianshi一起交流。 No.内容链接1Openlayers 【入门教程】 - 【源代码示例300】 2Leaflet 【入门教程】 - 【源代码图文示例 150】 3Cesium 【入门教程】 - 【源代码图文示例200】 4MapboxGL【入门教程】 - 【源代码图文示例150】 5前端就业宝典 【面试题详细答案 1000】 文章目录 1. 基本类型2. 数组3. 元组 Tuple4. 枚举 Enum5. 对象类型6. 函数类型7. 类型别名 Type Alias8. 泛型 Generics9. 类 Class10. 接口 Interface TypeScript 是 JavaScript 的一个超集它增加了静态类型系统和一些额外的特性来帮助开发者编写可维护、可扩展的应用程序。在 TypeScript 中你可以使用类型注解来指定变量、函数参数或返回值的类型。
下面我将通过一系列示例来展示如何在 TypeScript 中定义不同的类型
1. 基本类型
基本类型的定义包括 string、number 和 boolean 等。
let myName: string Alice;
let age: number 30;
let isStudent: boolean false;2. 数组
数组可以定义为包含特定类型元素的列表。
let numbers: number[] [1, 2, 3];
let fruits: string[] [apple, banana];
let truthValues: boolean[] [true, false];或者使用泛型数组形式
let numbers: Arraynumber [1, 2, 3];3. 元组 Tuple
元组允许表示一个已知元素数量和类型的数组。
let x: [string, number];
x [hello, 10]; // OK
// x [10, hello]; // Error4. 枚举 Enum
枚举类型为一组相关的名称提供了一种方便的方式来定义一个数值常量集合。
enum Color {Red, Green, Blue}
let c: Color Color.Green;5. 对象类型
对象类型可以通过接口interface或者类型别名type alias来定义。
interface Person {name: string;age?: number; // 可选属性
}type Product {id: number;title: string;
};let person: Person {name: Alice};
let product: Product {id: 1, title: Book};6. 函数类型
函数类型可以指定参数和返回值的类型。
function greet(person: string): string {return Hello person;
}// 或者
const add (a: number, b: number): number {return a b;
};7. 类型别名 Type Alias
类型别名用于给一个类型起个新名字。
type Name string;
type NameResolver () string;
type NameOrResolver Name | NameResolver;function getName(n: NameOrResolver): Name {if (typeof n string) return n;else return n();
}8. 泛型 Generics
泛型允许创建重用性高的函数和类。
function identityT(arg: T): T {return arg;
}let output identitystring(myString);9. 类 Class
类支持面向对象编程。
class Animal {name: string;constructor(name: string) {this.name name;}
}let animal new Animal(Cat);
console.log(animal.name); // 输出 Cat10. 接口 Interface
接口描述了对象的形状。
interface LabelledValue {label: string;value: number;
}function printLabel(labelledObj: LabelledValue) {console.log(labelledObj.label);
}let myObj {size: 10, label: Size 10 Object};
printLabel(myObj); // OK这些示例覆盖了 TypeScript 中常见的类型定义方法。你可以根据自己的需求选择合适的类型定义方式。
