01复习函数
//1.变量 的本质 就是一个 容器，用来装 一个 数据
var num = 1;
num = '小白';
//2.数组 的本质 就是多个 容器，用来装 多个 数据
var arr = [1, '小羽', 3, 4];
//3.函数（方法）的本质 就是 一个 特殊的容器，用来 装 一段 代码
//3.1 函数的声明
// a.形参：本质就是 一个 局部变量
// 形参 可以设置 多个
function showLove(uName = '小苍苍',fName = '班长'){
console.log(uName + ',i love u ,but u don\'t know~~~ from:' + fName);
console.log('i know,but i dont love u ~~~');
}
//3.2 函数的调用
// a.实参：就是为形参 赋的 值
// 根据形参的个数 来 设置 实参的个数
// showLove('小熊熊','小兔兔'); // uName = '小熊熊' ， fName = '小兔兔'
showLove();
02函数的互相调用 function a(){
console.log('请你吃饭啊~~~');
b(); // 调用 b 函数
}
function b(){
console.log('没空，我在洗澡~~~');
}
a();
03函数的相互调用并传参
//1.函数 内部 可以 调用 其他的函数，并传入实参
// function a(){
// console.log('请你吃饭啊~~~');
// b('小苍苍'); // 调用 b 函数
// }
// function b(usrName){
// console.log('没空，我在洗澡~~~ ' + usrName);
// }
// a();
//2.函数 内部 可以 调用 其他的函数，并将 自己的 形参的值 传入
function a(usrName){ // usrName = '小苍苍'
console.log('请你吃饭啊~~~' + usrName);
b(usrName); // 调用 b 函数 ， 相当于 -》b('小苍苍')
//【将变量作为参数 传递时，是把 变量的 值 复制了一份 传给 被调用函数的 形参】
}
function b(usrName){
console.log('没空，我在洗澡~~~ ' + usrName);
}
a('小苍苍');
var num1 = 13.11;
var num2 = Math.ceil(num1);// 13.11 -> 14
console.log(num2); // 14
04三种函数的创建
// 1.函数名 其实 也是一个 变量 而已，只不过 这个变量里 存的 是 函数对象(代码盒子)
// 2.三种创建函数的方式，其实 都是创建了 一个 代码盒子，里面装了代码
// 3.三种方式创建的函数，调用时语法都一样
// 4.1 声明式函数 会在 页面 预解析 时，被提升 到 所在作用域的 最前端，所以 调用声明式函数的代码 可以写在声明函数之前
// 4.2 匿名函数 在预解析时 不会 被 提前，所以 调用 必须 在 匿名函数 创建之后
// 4.3 new 出来的函数，在预解析时 也不会 被提前，所以 调用 必须 在 new出来的函数 创建之后
// 【函数名 本质上 就是一个变量】
showLove();
//1.声明式 创建函数--------平时用的多的 是 这一种-------------------------------
function showLove(){
console.log('小白，我喜欢你~~~');
}
// console.log(showLove());
// console.log(showLove);
// showLove2(); // 报错，因为 匿名函数 不会在预解析 时 被提升
//2.匿名函数 ----------------在函数作为参数传递时，偶尔会用到----------------------------
var showLove2 = function(){
console.log('我喜欢的是小狗，不是你~~');
}
// console.log(showLove2);
showLove2();
//3.函数对象 -- new 方式-------------基本上用不到---------------------
// showLove3(); // 报错，因为 new 出来的函数也 不会在预解析 时 被提升
var showLove3 = new Function('console.log("我是new Function 出来的函数 里的 代码~~！")');
// console.log(showLove3);
showLove3();
05函数作为参数使用
// 函数名 本质上就是一个变量，里面保存 了 函数对象
// 回调函数：被作为参数传递的函数，就叫做 回调函数
function a(){
console.log('我会做很好吃的菜哦~~~');
}
//1.函数b 的形参 接收一个 传入的函数 ------------------------------------
function b(funA){
console.log('你想追我？你有什么技能？');
// console.log(funA);
//1.1 调用传入的函数
funA(); // 相当于： a();
}
//2. 调用函数b时，将 函数a 作为 参数传递 给 形参funA ---------------------
// 相当于 funA = a;
// b(a()); -- 强调：函数作为参数传递时，不要 加 小括号！！！
b(a);
06匿名函数作为参数传递
// 匿名函数 作为 参数传递
function a(b, age) {
b(); // 调用传入的 匿名函数
console.log(age);
}
// 匿名函数 作为 参数传递
a(function () {
console.log('我是匿名函数，被作为参数 传给 了 形参 b');
}, 18);
/*
b = function(){
console.log('我是匿名函数，被作为参数 传给 了 形参 b');
}
07计算器
//【回调函数：被作为参数传递的函数，就叫做 回调函数，本质就是一个普通的函数，只不过被传给了另一个函数内部调用】
//1.执行运算的函数，要求传入两个数，和 负责执行运算的函数(回调函数)----------
function doOperate(num1, num2, func) { // num1= 1, num2 = 2, func = add
//add(1,2)
func(num1, num2); // 调用传入的 回调函数，并传入两个数值
}
//1.1 负责运算加法的函数
function add(x, y) {
alert(x + y);
}
//1.2 负责运算减法的函数
function sub(x, y) {
alert(x - y);
}
//2.调用：传入两个数值 和 一个 运算函数 ---------------------------
// 将 函数 add 作为 参数 一起 传给 函数 doOperate，在里面 被 调用并进行运算
doOperate(1, 2, add);
// doOperate(1, 2, sub);
08自执行函数
// 【自执行函数】：在页面上 只能被执行一次的函数
// 作用：一般 用来 做 页面上的初始化操作（一般就是指的 准备 初始数据 和 js代码）
//1.函数 一旦 被 小括号 包起来，就不能被外部 访问了！
//2.被小括号包起来以后的函数，只有一次 执行机会，就是 立即 加上另一对小括号 来调用
//3.因为 自执行函数 在外部 无法访问了，函数名 要了也没用了，所以 一般 都用 匿名函数
(function (usrName) {
console.log(usrName + ', 我喜欢你~~~~');
})('班长');
// showLove();