一、函数概述
（1） 什么是函数
函数Function，描述了生活中的一种行为、代码中封装了多行代码可以实现一定功能的代码块
（2） 函数的声明
基本语法
/**
* 函数的声明注释，重要的函数都要写完善的文档注释，说明函数的作用
* author: 函数的作者
* time: 函数的开发时间
* modity: 函数最后由谁修改的
* info: 函数的使用注意事项
*/
// 声明语法1
function 函数名称() {
// 函数名称：命名规范参考变量的命名规范
// 大括号中编写函数封装的代码，带上代码缩进
// 函数中的代码
}
// 声明语法2
const 函数名称 = function() {
// 函数名称：命名规范参考变量的命名规范
// 大括号中编写函数封装的代码，带上代码缩进
// 函数中的代码
（3） 函数调用执行
函数声明完成后，函数内部的代码不会立即执行,函数内部的代码只有在通过函数名称调用函数时才会执行
// 声明函数，并不会立即执行函数内部的代码
var watchMovie = function() {
console.log("等媳妇")
console.log("去电影院")
console.log("验票进大厅")
console.log("看电影-独行月球")
console.log("看完电影，回家")
}
// 通过函数名称，调用函数执行函数内部的代码
// 执行语法：函数名称()
watchMovie()
// 再看一场电影
watchMovie()
（4） 函数预解析
① 标准语法
// 1、标准语法预解析
// 标准语法声明的函数，解释器执行时包含预解析功能
// 预解析：将函数的声明提升；保障当前范围中函数声明前调用函数也可以正常执行函数
// 调用函数
sayHello() // hello function!
// 声明函数
function sayHello() {
console.log("hello function!")
}
// 调用函数
sayHello() // hello function!
② 赋值语法
// 赋值语法中，预解析的是变量 | 不是函数
// 相当于变量提升，也就是var helloFn;变量的声明出现了提升
// 并不是函数声明得到了提升
// 调用函数
// console.log(helloFn) // undefined
helloFn() // Uncaught TypeError: helloFn is not a function
// 未捕获 类型 错误： helloFn 不是一个 函数
// 声明函数
var helloFn = function() {
console.log("函数Fn执行")
}
// 调用执行函数
helloFn()
二、函数声明基础语法
（1） 声明基本语法
② 函数参数：描述语法时，反括号包含的东西表示可选内容；
函数执行时需要的数据
③ 函数内部代码：函数封装的一行或者多行代码
④ 函数返回结果：也称为函数返回值，表示函数内部代码的执行结果
可以通过return关键字返回；如果不写默认返回undefined
function 函数名称( [函数参数] ) {
// 函数内部的代码
[return 返回结果]
}
（2） 基本函数
不需要参数，不需要返回值
（3） 函数参数
需要参数，不需要返回值
（4） 函数返回值
不需要参数，需要返回值
（5） 参数+返回值
需要参数，需要返回值
三、关于变量
（1） 全局变量 vs 局部变量
全局变量：声明在函数外部的、可以给所有函数使用的公共变量，相当于公共数据
局部变量：声明在函数内部的、只能被当前函数使用的变量 / 其他函数访问不到当前函数的局部变量，相当于私有数据
// 全局变量 vs 局部变量
// 全局变量：声明在函数外部的变量
// 全局变量可以让任何函数使用
// 类似生活中的公共资源
var machine = "公园的健身器材" // 全局变量
function fnDamu() {
// 访问全局变量
console.log(machine, "fnDamu")
// 局部变量：声明在函数内部
// 只能被当前函数使用
// 类似生活中 私人物品
var board = "科创K3键盘"
// 当前函数内部，可以使用自己的局部变量
console.log("键盘：", board)
}
function fnXiaoli() {
// 访问全局变量
console.log(machine, "fnXiaoli")
// 函数中，不能访问另一个函数中的局部变量
// Uncaught ReferenceError: board is not defined
// 未捕获的 引用 错误： board 变量没有定义
console.log("键盘：", board)
}
fnDamu()
fnXiaoli()
（2） 命名空间 vs 作用域
命名空间namespace 来么斯贝斯：声明变量的范围，变量的声明和可以访问的位置
作用域scope 斯购破：声明的变量可以被访问的范围大小，起作用的范围
// 作用域链
// js内置作用域：javascript解释器环境
// 全局变量
// var name = "damu"
function fn() {
// 局部变量
// var name = "大牧"
// 使用变量:就近原则
// 查询离使用变量最近的作用域
console.log(name, "name") // ?
}
fn()
（3） 变量预解析
① 全局变量预解析
<script>
// var version; 全局变量预解析
// 为了保障当前文件中的所有位置，可以使用version变量而不报错
// 1、全局变量：当前文件的所有地方
// 变量预解析：当前命名空间(全局命名空间)中，将变量声明提到最前面
console.log("version:", version) // undefined
// 函数中使用全局变量
function fn() {
console.log("version fn:", version) //
}
fn()
// 全局变量
var version = "V1.0.0"
</script>
② 局部变量预解析
// 2、局部变量预解析
// 全局变量
var myName = "大牧"
function fn() {
// var myName; 局部变量预解析：声明被提升了，赋值还在原来的位置
// 使用myName变量，就近原则
console.log("myName:", myName) // undefined
// 局部变量：当前命名空间(局部命名空间)预解析
var myName = "damu"
}
fn()
