JavaScript基础-函数封装

函数可以理解为一个 特定的代码块 容器 ，它可以完成特定的需求, 并且可以 重复 使用

一、函数声明和函数调用

1.函数声明（定义）的语法格式如下:

function 函数名( ) { }

函数名命名的规则与变量一致，大括号里可以写任何代码

function foo() {
  let name = "黄昏";
  console.log("你好" + name);
}

函数必须要经过调用，才能发挥作用，所谓的函数调用

其本质就是让函数中【大括号】里的代码执行。

2. 函数调用的语法格式：函数名()

foo( );

所谓的函数调用就是让函数【大括号】中的代码执行 

// 九九乘法表
function jiujiu() {
  // 创建 table 标签
  document.write("<table>");
  // 连续生成 9 个 tr 标签
  for (let i = 1; i <= 9; i++) {
    document.write("<tr>");
    // 连续生成 9 个 td 标签
    for (let j = 1; j <= i; j++) {
      document.write(`<td>${i}x${j}=${i * j}</td>`);
    }
    document.write("</tr>");
  }
  document.write("</table>");
}
// 使用函数可以代码的【复用】
// 通过函数能够将一些重复使用的代码进行封装
jiujiu();
jiujiu();
jiujiu();

二、函数的参数

函数的参数其实就是一个【变量】，它要写在函数的【小括号】中

定义函数时小括号中的参数叫形参，调用函数时小括号中的叫实参。

• 实参：实际的参数
• 形参：形式的参数

1. 语法格式为：function 函数名(参数1, 参数2, ...参数n) {}

如果一个变量没有被赋值，那么这的值为 undefined

function foo(x, y) {
  // console.log(x, y);
  let z = x + y;
  console.log(z);
}

2. 在调用函数的时候为参数进行赋值

foo(5, 10);
foo(10, 20);
foo(13, 49);

参数它就是一个变量，变量如果没有赋值的时候可以给它一个默认的值

语法格式：function 函数名(参数 = 默认值) {}

如果一个变量只声明了，没有赋值那么它的值为 undefined

function sayHi(name = "小小明") {
  console.log("你好" + name);
}
sayHi("小明");
sayHi("小红");
sayHi();

三、 函数的返回值（执行结果）

函数默认情况下执行结果为：undefined

除非在函数内部使用 return 才可以改变计算结果（返回值），return 跟什么内容，结果就是什么内容

举例说明:

function foo() {
  return [1, 2, 3];
}
// return 只能有 1 个结果

// retrun 包含两层含义：
// 返回一个结果
// 让函数停止执行（return 之后的代码不再执行）