TypeScript：函数基础，头条前端面试算法，web编程开发学习

function sing(songName: string) { }

• 调用函数时的参数，叫什么？作用？

sing(‘五环之歌’)

通过形参和实参的配合，函数可以接收动态数据，从而让函数变得更加灵活、强大。

3.3 其他说明

---

1. 根据具体的功能，函数参数可以有多个，参数之间使用逗号（,）来分隔。

function fn(name: string, age: number) { }

fn(‘刘老师’, 18)

2. 实参和形参按照顺序，一一对应。

function fn(name: string, age: number) { }

fn(‘刘老师’, 18) // name -> ‘刘老师’, age -> 18

3. 实参必须符合形参的类型要求，否则会报错！

function sing(songName: string) {}

sing(18) // 报错！ 形参要求是 string 类型，但是，实参是 number 类型。

技巧：调用函数时，鼠标放在函数名称上，会显示该函数的参数以及类型。

总结：

• 函数形参是 string 类型，调用该函数时传入 18 对吗？ 不对，因为实参不符合形参的类型要求逗号

• 函数有多个参数时，多个参数之间用什么符号分隔？

• 以下代码会报错吗？

function sing(songName: string) { }

sing()// 报错！

报错！因为函数sing要求有一个参数，但是没有传

4. 函数返回值

====================================================================

4.1 概述

---

函数返回值的作用：将函数内部计算的结果返回，以便于使用该结果继续参与其他的计算。

需求：计算以下两次调用结果的和。

getSum([1, 3, 5]) // 9

getSum([10, 100, 1000]) // 1110

getSum([1, 3, 5]) + getSum([10, 100, 1000]) // 9 + 1110 => 1119

关键点：拿到函数（getSum）内部计算出来的结果，然后，才能进行后续的加法计算。

注意：如果没有指定函数的返回值，那么，函数返回值的默认类型为 void（空，什么都没有）。

4.2 基本使用

---

步骤：1 指定返回值类型 2 指定返回值

1. 指定返回值类型

function fn(): 类型注解 {

}

在声明函数的小括号后面，通过 : 类型注解 指定。

function fn(): number {

}

2. 指定返回值

function fn(): 类型注解 {

return 返回值

}

在函数体中，使用 return 关键字来返回函数执行的结果。

function fn(): number {

return 18

}

注意：返回值必须符合返回值类型的类型要求，否则会报错！

3. 使用变量接收函数返回值

let result: 类型注解 = fn()

使用变量接收函数返回值的时候，相当于：直接将返回值赋值给变量。

let result: number = 18

注意：变量（result）的类型与函数（fn）的返回值类型要一致。

然后，就可以使用这个变量（返回值），继续进行其他计算了。

4. 直接使用函数调用的结果（返回值），进行其他计算

console.log( fn() * 10 )

总结：

• 使用哪个关键字来指定返回值？return

• 以下代码是否正确？ 错误！因为返回值18不符合返回值类型string的要求

function foo(): string {

return 18

}

• 如果函数（getSum）返回了数组中所有元素的和，以下代码表示什么？ 计算两个结果的和

getSum([1, 3, 5]) + getSum([10, 100, 1000])

4.3 return 的说明

---

1. 将函数内部的计算结果返回。

2. 终止函数代码执行，即：return 后面的代码不会执行。

function fn(): number {

return 18

console.log(‘我不会执行，放在这，没有意义’)

}

3. return 只能在函数中使用，否则会报错。

4. return 可以单独使用（后面可以不跟内容），用来刻意终止函数的执行。

function play(age: number): void {

if (age < 18) {

return

}

console.log(‘网吧上网好爽啊，王者、吃鸡两不误’)

}

play(16) // 情况1：进入if后return，后续代码不执行

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

文末

篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

)]
[外链图片转存中…(img-7IiQV78o-1710838644731)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-uQBQJYh2-1710838644731)]

文末

篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】