共计 3303 个字符，预计需要花费 9 分钟才能阅读完成。
●咱们代码外面所说的函数和咱们上学的时候学习的什么三角函数、二次函数之类的不是一个货色
函数的概念
●对于 js 来说，函数就是把任意一段代码放在一个 盒子 外面
●在我想要让这段代码执行的时候，间接执行这个 盒子 外面的代码就行
●先看一段代码
// 这个是咱们以前写的一段代码
for (var i = 0; i < 10; i++) {console.log(i)
}
// 函数，这个 {} 就是那个“盒子”function fn() {
// 这个函数咱们以前写的代码
for (var i = 0; i < 10; i++) {console.log(i)
}
} 函数的两个阶段（重点）
●依照咱们方才的说法，两个阶段就是 放在盒子外面 和 让盒子外面的代码执行
○放在盒子外面 这个是不业余的称说 业余称说叫 函数申明
○让盒子外面的代码执行 业余称说 函数调用
函数申明（定义）阶段
●定义阶段就是咱们把代码 放在盒子外面
●咱们就要学习怎么 放进去，也就是书写一个函数
●申明（定义）一个残缺函数包含关键字、函数名、形式参数、函数体、返回值 5 个局部
●咱们有两种定义形式 申明式 和 赋值式
●函数名的命名规定与变量是统一的，并且尽量保障函数名的语义。
申明式
●应用 function 这个关键字来申明一个函数
●语法：
function fn() {// 一段代码}
// function: 申明函数的关键字，示意接下来是一个函数了
// fn: 函数的名字，咱们本人定义的（遵循变量名的命名规定和命名标准）// (): 必须写，是用来放参数的地位
// {}: 就是咱们用来放一段代码的地位（也就是咱们方才说的“盒子”） 赋值式
●其实就是和咱们应用 var 关键字是一个情理了
●首先应用 var 定义一个变量，把一个函数当作值间接赋值给这个变量就能够了
●语法：
var fn = function() {// 一段代码}
// 不须要在 function 前面书写函数的名字了，因为在后面曾经有了 函数调用阶段
●就是让 盒子外面 的代码执行一下，函数必须调用才会真正被执行
●就是让函数执行
●两种定义函数的形式不同，然而调用函数的形式都以一样的
调用一个函数
●函数调用就是间接写 函数名 () 就能够了
// 申明式函数
function fn() {console.log('我是 fn 函数')
}
// 调用函数
fn()
// 赋值式函数
var fn2 = function() {console.log('我是 fn2 函数')
}
// 调用函数
fn2()○留神：定义完一个函数当前，如果没有函数调用，那么写在 {} 外面的代码没有意义，只有调用当前才会执行
调用上的区别
●尽管两种定义形式的调用都是一样的，然而还是有一些区别的
●申明式函数：调用能够在 定义之前或者定义之后
// 能够调用
fn()
// 申明式函数
function fn() {console.log('我是 fn 函数')
}
// 能够调用
fn()●赋值式函数：调用只能在 定义之后调用, 定义之前就调用会报错
// 会报错
fn()
// 赋值式函数
var fn = function() {console.log('我是 fn 函数')
}
// 能够调用
fn() 函数的参数（重点）
●函数是 js 数据类型中的一种简单数据类型也叫援用数据类型
●咱们在定义函数和调用函数的时候都呈现过 ()
●当初咱们就来说一下这个 () 的作用
●就是用来放参数的地位
●参数分为两种 行参 和 实参
●申明（定义）函数时括号中的变量叫做形参，调用函数时括号中的数据为实参，实参是专门为形参赋值的。
// 申明式 语法
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)案例 1: 求两个数字的和
// 通过函数求任意两个数字的和
定义一个函数用于求和
function fn(a, b) {
// 计算两个数的和并且返回后果
var res = a + b
console.log(res);
}
fn(10, 20)
fn(100, 200)案例 2: 求三个数字的和
// 通过函数求任意三个数的和
// 定义一个函数
function fun(a, b, c) {
var res = a + b + c
console.log(res);
}
// 调用函数
fun(10, 20, 30)
fun(20, 62, 32) 函数的返回值 return（重点）
●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
function fn() {// 执行代码}
// fn() 也是一个表达式，这个表达式就没有后果呈现
console.log(fn()) // undefined●return 关键字就是能够给函数执行结束一个后果
function fn() {
// 执行代码
return 100
}
// 此时，fn() 这个表达式执行结束之后就有后果呈现了
console.log(fn()) // 100○咱们能够在函数外部应用 return 要害把任何内容当作这个函数运行后的后果
案例 1: 求任意两个数字的和
// 需要: 求任意两个数的和
// 申明一个函数 , 定义两个形参
function f1(a, b) {
// 计算求和的后果, 赋值给 res
// res 就是咱们要求的任意的两个数的和
var res = a + b
// console.log(res);
// 返回咱们的后果, 这样咱们才能够在函数的里面拿到这个后果
return res
}
// 调用咱们的函数 传递实参
// 函数调用就获取到了咱们的后果
// 咱们把这个后果赋值给了 sum
var sum = f1(10, 20)
console.log(sum);