文章目录
1、循环控制
1、for 循环与 while 循环
2、 数组快捷迭代方法
数组除了使用常规的for循环区遍历，也可以使用 of 进行对象的遍历，代码如下图:
代码运行案例：
let names:Array<string> =['Jack','Rose','张三','李四']
for(let i in names){
console.log(i)
}
for(let n of names){
console.log(n)
}
2、函数
1、function 关键字
typeScript 中，使用 function 关键字来声明函数 支持可选参数、默认参数、匿名函数灯特殊语法。
2、可选参数
在 TypeScript 中，可以通过在参数名后面添加 ? 符号来指定该参数为可选参数。这意味着调用函数时可以不提供该参数的值。
typescript
深色版本
function greet(firstName: string, lastName?: string) {
if (lastName) {
return Hello, ${firstName} ${lastName};
} else {
return Hello, ${firstName};
}
}
console.log(greet(“John”)); // 输出: Hello, John
console.log(greet(“John”, “Doe”)); // 输出: Hello, John Doe
3、默认参数
默认参数允许为函数参数设置默认值，如果调用时没有提供该参数，则使用默认值。
function greet(firstName: string, greeting: string = "Hello") {
return `${greeting}, ${firstName}`;
}
console.log(greet("John")); // 输出: Hello, John
console.log(greet("John", "Hi")); // 输出: Hi, John
TypeScript 要求明确指定参数类型，这有助于编译器进行类型检查。
function add(a: number, b: number): number {
return a + b;
}
console.log(add(5, 3)); // 输出: 8
4、匿名函数
匿名函数是没有名字的函数，通常用于立即执行或者作为参数传递给其他函数。
const result = (function(x: number, y: number): number {
return x + y;
})(10, 20);
console.log(result); // 输出: 30
5、函数表达式
函数表达式是将函数赋值给一个变量的方式，这种方式同样支持可选参数和默认参数。
const greetUser = function(name: string, message: string = "Hello"): string {
return `${message}, ${name}`;
};
console.log(greetUser("Alice")); // 输出: Hello, Alice
console.log(greetUser("Bob", "Hi")); // 输出: Hi, Bob
6、结合使用
当然，这些特性可以结合使用，以实现更加灵活的功能设计。
function createMessage(name: string, age: number, greeting: string = "Hello", suffix?: string) {
let message = `${greeting}, ${name}. You are ${age} years old.`;
if (suffix) {
message += ` ${suffix}`;
}
return message;
}
console.log(createMessage("Charlie", 30)); // 输出: Hello, Charlie. You are 30 years old.
console.log(createMessage("David", 25, "Hi", "How are you?")); // 输出: Hi, David. You are 25 years old. How are you?
7、函数声明案例
//有参无返回值函数，返回值 void 可以省略
function sayHello(name:string):void
{
console.log('你好，欢迎来到'+name)
}
//有参有返回值函数，number 表示返回值类型
function sum(a:number,b:number):number
{
return a+b
}
//匿名函数 箭头表示
let saySomething=(name:string)=>{
console.log('你好！'+name)
}
//可选参数
function sayYour(name?:string)
{
name=name?name:'未命名'
console.log('你好！'+name)
}
//默认参数
function sayYourNow(name:string='张三')
{
console.log('你好！'+name)
}
sayHello('CSDN')
console.log("a+b="+sum(10,12))
saySomething('CSDN')
sayYour()
sayYourNow()
