JavaScript函数基础知识（四），面试官必问的技术问题之一

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上网络安全知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注网络安全）

正文

var fn = function() {
// 一段代码
}
// 不需要在 function 后面书写函数的名字了，因为在前面已经有了

#### 函数调用阶段


* 就是让 **盒子里面** 的代码执行一下
* 让函数执行
* 两种定义函数的方式不同，但是调用函数的方式都以一样的


#### 调用一个函数


* 函数调用就是直接写 `函数名()` 就可以了

// 声明式函数
function fn() {
console.log(‘我是 fn 函数’)
}
// 调用函数
fn()
// 赋值式函数
var fn2 = function() {
console.log(‘我是 fn2 函数’)
}
// 调用函数
fn()

* + 注意： **定义完一个函数以后，如果没有函数调用，那么写在 {} 里面的代码没有意义，只有调用以后才会执行**



#### 调用上的区别


* 虽然两种定义方式的调用都是一样的，但是还是有一些区别的
* 声明式函数： 调用可以在 **定义之前或者定义之后**

// 可以调用
fn()
// 声明式函数
function fn() {
console.log(‘我是 fn 函数’)
}
// 可以调用
fn()

* 赋值式函数： 调用只能在 **定义之后**

// 会报错
fn()
// 赋值式函数
var fn = function() {
console.log(‘我是 fn 函数’)
}
// 可以调用
fn()

### 函数的参数（重点）


* 我们在定义函数和调用函数的时候都出现过 `()`
* 现在我们就来说一下这个 `()` 的作用
* 就是用来放参数的位置
* 参数分为两种 **形参** 和 **实参**

// 声明式
function fn(形参写在这里) {
// 一段代码
}
fn(实参写在这里)
// 赋值式函数
var fn = function(形参写在这里) {
// 一段代码
}
fn(实参写在这里)

#### 形参和实参的作用


1. 形参


* 就是在函数内部可以使用的变量，在函数外部不能使用
* 每写一个单词，就相当于在函数内部定义了一个可以使用的变量（遵循变量名的命名规则和命名规范）
* 多个单词之间以 `,` 分隔

// 书写一个参数
function fn(num) {
// 在函数内部就可以使用 num 这个变量
}
var fn1 = function(num) {
// 在函数内部就可以使用 num 这个变量
}
// 书写两个参数
function fun(num1, num2) {
// 在函数内部就可以使用 num1 和 num2 这两个变量
}
var fun1 = function(num1, num2) {
// 在函数内部就可以使用 num1 和 num2 这两个变量
}

* + 如果只有形参的话，那么在函数内部使用的值个变量是没有值的，也就是 `undefined`
	+ 形参**的值是在函数调用的时候由实参决定的**



1. 实参


* 在函数调用的时候给形参赋值的
* 也就是说，在调用的时候是给一个实际的内容的

function fn(num) {
// 函数内部可以使用 num
}

// 这个函数的本次调用，书写的实参是 100
// 那么本次调用的时候函数内部的 num 就是 100
fn(100)

// 这个函数的本次调用，书写的实参是 200
// 那么本次调用的时候函数内部的 num 就是 200
fn(200)

* + **函数内部的**形参**的值，由函数调用的时候传递的实参决定**
	+ **多个参数的时候，是按照顺序一一对应的**

function fn(num1, num2) {
// 函数内部可以使用 num1 和 num2
}
// 函数本次调用的时候，书写的参数是 100 和 200
// 那么本次调用的时候，函数内部的 num1 就是 100，num2 就是 200
fn(100, 200)

#### 参数个数的关系


1. 形参比实参少


* 因为是按照顺序一一对应的
* 形参少就会拿不到实参给的值，所以在函数内部就没有办法用到这个值

function fn(num1, num2) {
// 函数内部可以使用 num1 和 num2
}
// 本次调用的时候，传递了两个实参，100 200 和 300
// 100 对应了 num1，200 对应了 num2，300 没有对应的变量
// 所以在函数内部就没有办法依靠变量来使用 300 这个值
fn(100, 200, 300)

1. 形参比实参多


* 因为是按照顺序一一对应的
* 所以多出来的形参就是没有值的，就是 `undefined`

function fn(num1, num2, num3) {
// 函数内部可以使用 num1 num2 和 num3
}
// 本次调用的时候，传递了两个实参，100 和 200
// 就分别对应了 num1 和 num2
// 而 num3 没有实参和其对应，那么 num3 的值就是 undefined
fn(100, 200)

### 函数的return（重点）


* return 返回的意思，其实就是给函数一个 **返回值** 和 **终断函数**


#### 终断函数


* 当我开始执行函数以后，函数内部的代码就会从上到下的依次执行
* 必须要等到函数内的代码执行完毕
* 而 `return` 关键字就是可以在函数中间的位置停掉，让后面的代码不在继续执行

function fn() {
console.log(1)
console.log(2)
console.log(3)

// 写了 return 以后，后面的 4 和 5 就不会继续执行了
return
console.log(4)
console.log(5)

}

// 函数调用
fn()

#### 返回值


* 函数调用本身也是一个表达式，表达式就应该有一个值出现
* 现在的函数执行完毕之后，是不会有结果出现的

// 比如 1 + 2 是一个表达式，那么 这个表达式的结果就是 3
console.log(1 + 2) // 3

一、网安学习成长路线图

网安所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

二、网安视频合集

观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。

三、精品网安学习书籍

当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。

四、网络安全源码合集+工具包

光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。

五、网络安全面试题

最后就是大家最关心的网络安全面试题板块

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

//img-blog.csdnimg.cn/b07abbfab1fd4edc800d7db3eabb956e.png)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）
[外链图片转存中…(img-p3UIDDLV-1713334029127)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！