网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
函数的概念
- 对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面
- 在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行
- 先看一段代码
// 这个是我们以前写的一段代码
for (var i = 0; i < 10; i++) {
console.log(i)
}
// 函数，这个 {} 就是那个 “盒子”
function fn() {
// 这个函数我们以前写的代码
for (var i = 0; i < 10; i++) {
console.log(i)
}
}函数的两个阶段（重点）
- 按照我们刚才的说法，两个阶段就是 放在盒子里面 和 让盒子里面的代码执行
函数定义阶段
- 定义阶段就是我们把代码 放在盒子里面
- 我们就要学习怎么 放进去，也就是书写一个函数
- 我们有两种定义方式 声明式 和 赋值式
声明式
- 使用
function这个关键字来声明一个函数 - 语法：
function fn() {
// 一段代码
}
// function: 声明函数的关键字，表示接下来是一个函数了
// fn: 函数的名字，我们自己定义的（遵循变量名的命名规则和命名规范）
// (): 必须写，是用来放参数的位置（一会我们再聊）
// {}: 就是我们用来放一段代码的位置（也就是我们刚才说的 “盒子”）赋值式
- 其实就是和我们使用
var关键字是一个道理了 - 首先使用
var定义一个变量，把一个函数当作值直接赋值给这个变量就可以了 - 语法：
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(实参写在这里)形参和实参的作用
- 形参
- 就是在函数内部可以使用的变量，在函数外部不能使用
- 每写一个单词，就相当于在函数内部定义了一个可以使用的变量（遵循变量名的命名规则和命名规范）
- 多个单词之间以
,分隔
// 书写一个参数
function fn(num) {
// 在函数内部就可以使用 num 这个变量
}
var fn1 = function(num) {
// 在函数内部就可以使用 num 这个变量
}
// 书写两个参数
function fun(num1, num2) {
// 在函数内部就可以使用 num1 和 num2 这两个变量
}
var fun1 = function(num1, num2) {
// 在函数内部就可以使用 num1 和 num2 这两个变量
}- 如果只有形参的话，那么在函数内部使用的值个变量是没有值的，也就是
undefined
- 形参的值是在函数调用的时候由实参决定的
- 实参
- 在函数调用的时候给形参赋值的
- 也就是说，在调用的时候是给一个实际的内容的
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)参数个数的关系
- 形参比实参少
- 因为是按照顺序一一对应的
- 形参少就会拿不到实参给的值，所以在函数内部就没有办法用到这个值
function fn(num1, num2) {
// 函数内部可以使用 num1 和 num2
}
// 本次调用的时候，传递了两个实参，100 200 和 300
// 100 对应了 num1，200 对应了 num2，300 没有对应的变量
// 所以在函数内部就没有办法依靠变量来使用 300 这个值
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
