空包网站建设,网页设计教学设计,wordpress调用ja,网站建设交流发言稿TypeScript 学习总结
TypeScript 是一种 JavaScript 的超集#xff0c;增加了静态类型检查和编译时错误检测#xff0c;从而提高了代码的可维护性和可靠性。以下是 TypeScript 的基础知识总结#xff0c;包括语法、运算符、数据类型、变量声明和作用域。
## 基本语法TypeS…TypeScript 学习总结
TypeScript 是一种 JavaScript 的超集增加了静态类型检查和编译时错误检测从而提高了代码的可维护性和可靠性。以下是 TypeScript 的基础知识总结包括语法、运算符、数据类型、变量声明和作用域。
## 基本语法TypeScript 的基本语法与 JavaScript 相似但增加了一些重要的功能- **变量声明**TypeScript 支持 let、const 和 var 声明变量。推荐使用 let 和 const 以确保更好的代码安全性。typescriptlet name: string Alice;const age: number 30;函数 函数的参数和返回值可以指定类型从而确保函数的调用与实现的一致性。 function greet(person: string, age: number): string {return Hello ${person}, you are ${age} years old.;
}接口 使用接口interface来定义对象的形状提供了结构化的代码组织方式。 interface Person {name: string;age: number;
}const person: Person {name: Bob,age: 25
};运算符
TypeScript 中的运算符大多与 JavaScript 中的运算符相同 算术运算符 let x: number 10;
let y: number 5;
console.log(x y); // 输出 15
console.log(x - y); // 输出 5
console.log(x * y); // 输出 50
console.log(x / y); // 输出 2比较运算符 let a: number 10;
let b: number 20;
console.log(a b); // 输出 false
console.log(a ! b); // 输出 true
console.log(a b); // 输出 false逻辑运算符 let isTrue: boolean true;
let isFalse: boolean false;
console.log(isTrue isFalse); // 输出 false
console.log(isTrue || isFalse); // 输出 true
console.log(!isTrue); // 输出 false赋值运算符 let num: number 10;
num 5; // 相当于 num num 5
console.log(num); // 输出 15基础数据类型
TypeScript 提供了几种基础数据类型 number双精度 64 位浮点值。 let num: number 42;string字符系列可以使用单引号、双引号或反引号定义。 let str: string Hello, TypeScript!;boolean表示逻辑值true 和 false。 let isActive: boolean true;enum枚举类型用于定义数值集合。 enum Color {Red, Green, Blue};
let c: Color Color.Blue;
console.log(c); // 输出 2void用于标识方法返回值的类型表示该方法没有返回值。 function logMessage(message: string): void {console.log(message);
}其他数据类型 null 和 undefined表示无值或未定义。any可以是任意类型。never表示从不会出现的值例如函数抛出异常或无限循环。
变量声明
TypeScript 支持多种变量声明方式 声明变量并指定类型 let uname: string hello;声明变量但没有初始值 let uname: string;声明变量并初始化值但不指定类型 let uname hello; // 类型推断为 string声明变量没有设置类型和初始值 let uname; // 类型为 any默认初始值为 undefined变量作用域
变量作用域指定了变量定义的位置并决定了变量的可用性。TypeScript 中有以下几种作用域 全局作用域定义在程序结构的外部可以在任何位置使用。 var global_num 12; // 全局变量类作用域类中的变量称为字段可以通过类的对象访问也可以是静态的通过类名访问。 class Numbers { num_val 13; // 实例变量static sval 10; // 静态变量storeNum(): void { var local_num 14; // 局部变量}
} 局部作用域在函数或代码块内部定义的变量仅在该作用域内可用。 function example() {var local_num 20; // 局部变量
}代码运行地址
您可以在 TypeScript 在线运行界面 上测试以下代码
const hello: string Hello World!;
console.log(hello);总结
通过 TypeScript 的静态类型检查、类型推断、接口、泛型等功能我们能够编写更可靠、更易于维护的代码。理解和应用这些基础语法、运算符、数据类型和变量作用域有助于提升代码质量和开发效率。
