<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> 函数 </title>
<script>
//1.函数声明 -》 只是创建函数，并没有执行 函数代码---------------------
//定义一个函数(方法名)
// function 是 关键字
// sum 是 函数名（方法名）
// () 是 形参列表
// { } 是 方法体（函数体）---》写代码的地方
function sum() {
console.log('创建函数');
}
//2.调用函数-----------------------
// 函数名();
// 第一次调用
sum(); // 创建函数
// 第二次调用
sum(); // 创建函数
//3.为什么要用函数：-----------------
// 复用代码性强
// 修改代码方便,便于修改
console.log('.................华丽的分割线................');
// 方法内部 有时候 需要 使用一些 方法调用者 决定的 数据，那么 可以 使用 传参 的方式 ，将外部输出传入 方法函数内部
// 声明函数时：通过( ) 准备 形参
function shop(commodity, quantity) {
//设置默认值 1 使用if判断
// if 中 默认 会把 0,'',NaN,null,undefined 转成 false
//如果 没有传递实参（形参 为 undefined），那么就 设置 默认值
// 如果 形参 没有传入 任何值，那就等于 undefined，在if中被转成 false， !false -> trues
// if (!commodity) {
// commodity = '景甜';
// }
// if (!quantity) {
// quantity = 1;
// }
// 设置默认值 2 直接用 逻辑或 || 判断 (推荐使用!)
commodity = commodity || '景甜';
quantity = quantity || 1;
console.log('你需要的商品是: ' + commodity + ' 需要: ' + quantity + ' 瓶');
}
// 当调用 方法（函数）时，可以 传递一个 实参（数据） 给 方法 的 形参
shop(); // 默认值: 你需要的商品是: 景甜 需要: 1 瓶
console.log('想喝饮料'); // 想喝饮料
shop('可乐', 1); // 你需要的商品是: 可乐 需要: 1 瓶
console.log('想喝奶茶'); // 想喝奶茶
shop('绿茶', 2); // 你需要的商品是: 绿茶 需要: 2 瓶
console.log('想喝水'); // 想喝水
shop('农夫三拳', 3); // 你需要的商品是: 农夫三拳 需要: 3 瓶
</script>
</head>
<body>
</body>
</html>
