JavaScript函数

一、函数概述
（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()