js,ts控制流程

择要：
   在 JavaScript 和 TypeScript 中，控制流程是指步伐执行的顺序和条件判断。以下是一些常见的控制流程布局，包罗条件语句、循环语句和函数调用等。
  1. 条件语句：
if 语句

1. let condition = true;
3. if (condition) {
4.   console.log('Condition is true');
5. } else {
6.   console.log('Condition is false');
7. }

复制代码

switch 语句

1. let value = 2;
3. switch (value) {
4.   case 1:
5.     console.log('Value is 1');
6.     break;
7.   case 2:
8.     console.log('Value is 2');
9.     break;
10.   default:
11.     console.log('Value is not 1 or 2');
12. }

复制代码

2. 循环语句：
for 循环

1. for (let i = 0; i < 5; i++) {
2.   console.log(i);
3. }

复制代码

while 循环

1. let i = 0;
2. while (i < 5) {
3.   console.log(i);
4.   i++;
5. }

复制代码

do…while 循环

1. let i = 0;
2. do {
3.   console.log(i);
4.   i++;
5. } while (i < 5);

复制代码

for…of 循环

1. let array = [1, 2, 3, 4, 5];
2. for (let item of array) {
3.   console.log(item);
4. }

复制代码

for…in 循环

1. let obj = { a: 1, b: 2, c: 3 };
2. for (let key in obj) {
3.   console.log(key, obj[key]);
4. }

复制代码

3. 函数调用：
声明函数

1. function greet(name) {
2.   console.log(`Hello, ${name}!`);
3. }
5. greet('Alice');

复制代码

箭头函数

1. const greet = (name) => {
2.   console.log(`Hello, ${name}!`);
3. };
5. greet('Alice');

复制代码

4. 异步控制流程：
Promise

1. let promise = new Promise((resolve, reject) => {
2.   setTimeout(() => {
3.     resolve('Success');
4.   }, 1000);
5. });
7. promise.then((result) => {
8.   console.log(result);
9. }).catch((error) => {
10.   console.error(error);
11. });

复制代码

async/await

1. async function fetchData() {
2.   try {
3.     let response = await fetch('https://api.example.com/data');
4.     let data = await response.json();
5.     console.log(data);
6.   } catch (error) {
7.     console.error(error);
8.   }
9. }
11. fetchData();

复制代码

5. 类和对象：
类

1. class Person {
2.   name: string;
3.   age: number;
5.   constructor(name: string, age: number) {
6.     this.name = name;
7.     this.age = age;
8.   }
10.   greet() {
11.     console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
12.   }
13. }
15. let person = new Person('Alice', 30);
16. person.greet();

复制代码

对象字面量

1. let person = {
2.   name: 'Alice',
3.   age: 30,
4.   greet: function() {
5.     console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
6.   }
7. };
9. person.greet();

复制代码

6. 错误处理：
try…catch

1. try {
2.   // 可能会抛出错误的代码
3.   throw new Error('Something went wrong');
4. } catch (error) {
5.   console.error(error.message);
6. } finally {
7.   console.log('This will always run');
8. }

复制代码

7. 条件运算符：
三元运算符

1. let age = 20;
2. let message = age >= 18 ? 'Adult' : 'Minor';
3. console.log(message);

复制代码

8. 数组和对象的方法：
数组方法

1. let array = [1, 2, 3, 4, 5];
3. array.forEach((item) => {
4.   console.log(item);
5. });
7. let filteredArray = array.filter((item) => item > 2);
8. console.log(filteredArray);
10. let mappedArray = array.map((item) => item * 2);
11. console.log(mappedArray);
13. let reducedValue = array.reduce((acc, item) => acc + item, 0);
14. console.log(reducedValue);

复制代码

对象方法

1. let obj = { a: 1, b: 2, c: 3 };
3. Object.keys(obj).forEach((key) => {
4.   console.log(key, obj[key]);
5. });
7. Object.values(obj).forEach((value) => {
8.   console.log(value);
9. });
11. Object.entries(obj).forEach(([key, value]) => {
12.   console.log(key, value);
13. });

复制代码

9. 总结：

• 条件语句：用于根据条件执行差别的代码块。
  
• 循环语句：用于重复执行一段代码。
  
• 函数调用：用于封装和重用代码。
  
• 异步控制流程：用于处理异步操作。
  
• 类和对象：用于组织和管理复杂的数据布局。
  
• 错误处理：用于捕获和处理错误。
  
• 条件运算符：用于简洁地表达条件逻辑。
  
• 数组和对象的方法：用于操作数组和对象。
  

这些控制流程布局可以帮助你更有用地管理和控制步伐的执行流程。希望这些示例能帮助你更好地理解和使用 JavaScript 和 TypeScript 中的控制流程。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。