声明（定义）一个完整的函数包括五个部分：关键字、函数名、形参、函数体、返回值
转移
声明（定义）的函数必须在实际执行之前被调用。 使用()来调用该函数。
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript 基础 - 声明和调用title>
head>
<body>
<script>
// 声明（定义）了最简单的函数，既没有形式参数，也没有返回值
function sayHi() {
console.log('嗨~')
}
// 函数调用，这些函数体内的代码逻辑会被执行
// 函数名()
sayHi()
// 可以重复被调用，多少次都可以
sayHi()
script>
body>
html>
注意：函数名的命名规则与变量保持一致，并尽量保证函数名的语义。
小案例：小星星
<script>
// 函数声明
function sayHi() {
// document.write('hai~')
document.write(`*
`)
document.write(`**
`)
document.write(`***
`)
document.write(`****
`)
document.write(`*****
`)
document.write(`******
`)
document.write(`*******
`)
document.write(`********
`)
document.write(`*********
`)
}
// 函数调用
sayHi()
sayHi()
sayHi()
sayHi()
sayHi()
</script>
范围
通过向函数传递参数，可以让函数更加灵活，参数可以理解为变量。
声明（定义）一个函数，其功能是打招呼
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript 基础 - 函数参数title>
head>
<body>
<script>
// 声明（定义）一个功能为打招呼的函数
// function sayHi() {
// console.log('嗨~')
// }
// 调用函数
// sayHi()
// 这个函数似乎没有什么价值，除非能够向不同的人打招呼
// 这就需要借助参数来实现了
function sayHi(name) {
// 参数 name 可以被理解成是一个变量
console.log(name)
console.log('嗨~' + name)
}
// 调用 sayHi 函数，括号中多了 '小明'
// 这时相当于为参数 name 赋值了
sayHi('小明')// 结果为 小明
// 再次调用 sayHi 函数，括号中多了 '小红'
// 这时相当于为参数 name 赋值了
sayHi('小红') // 结果为 小红
script>
body>
html>
总结：
声明（定义）函数时，形式参数的数量没有限制。 当有多个形参时，分离的调用函数传递的实参必须与形参的顺序一致。
形式参数：声明函数时，写在函数名右侧括号内的参数称为形式参数（）
实参：调用函数时写在函数名右侧括号内的实际参数（实际参数）
形参可以理解为这个函数中声明的变量（比如num1=10）实参可以理解为给这个变量赋值
开发时尽量保持形参数量和实参数量一致
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript 基础 - 函数参数title>
head>
<body>
<script>
// 声明（定义）一个计算任意两数字和的函数
// 形参 x 和 y 分别表示任意两个数字，它们是两个变量
function count(x, y) {
console.log(x + y);
}
// 调用函数，传入两个具体的数字做为实参
// 此时 10 赋值给了形参 x
// 此时 5 赋值给了形参 y
count(10, 5); // 结果为 15
script>
body>
html>
返回值
函数的本质是封装（）。 函数体中的逻辑执行完毕后，函数外部如何获取函数内部的执行结果呢？ 要获取函数内部逻辑的执行结果，需要使用this关键字将内部执行结果传递给函数外部，传递给外部的结果就是返回值。
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript 基础 - 函数返回值title>
head>
<body>
<script>
// 定义求和函数
function count(a, b) {
let s = a + b
// s 即为 a + b 的结果
// 通过 return 将 s 传递到外部
return s
}
// 调用函数，如果一个函数有返回值
// 那么可将这个返回值赋值给外部的任意变量
let total = count(5, 12)
script>
body>
html>
总结：
在函数体中使用关键字可以将内部执行结果传送到函数外部。 函数内部使用只能出现一次，下一行代码不会再次执行，所以后面的数据不要换行写入，当前函数会立即结束。 该函数可以为No，在这种情况下默认返回值为scope
一般来说，一段程序代码中使用的名称并不总是有效和可用的，限制这个名称可用性的代码范围就是这个名称的作用域。
作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名称冲突。
全球范围
作用于所有代码执行的环境（整个标签内部）或者单独的js文件
全局作用域中的变量称为全局变量
局部范围
作用于函数的代码环境是局部作用域。 因为与函数有关，所以也称为函数作用域。
局部作用域内的变量称为局部变量
如果该变量没有在函数内部声明，则直接赋值，将其视为全局变量，但强烈不建议这样做
但在一种情况下，函数内部的形式参数可以被视为局部变量。
匿名函数
函数可以分为命名函数和匿名函数
匿名函数：没有名字的函数不能直接使用。
函数表达式
// 声明
let fn = function() {
console.log('函数表达式')
}
// 调用
fn()
立即执行该函数
(function(){ xxx })();
(function(){xxxx}());
无需调用，立即执行，其实本质已经调用了
多个立即执行函数之间用分号分隔
当可以访问的时候，优先是本地的，不寻找全局
