一、代码区域
<body>
<script>
// 函数是可重复执行的代码块
// 作用：
// 1.提高代码的复用性
// 2.使用方便
// example：
// document.write(`<div style= "width:100px; height:100px; background-color:red;"></div>`);
// 将 style 样式封装函数
// 定义函数：
// 函数语法： 关键字 函数名(){作用域}
// function foo(){
// document.write(`<div style= "width:100px; height:100px; background-color:red;"></div>`);
// }
// 调用函数
// foo();
// foo();
// foo();
// foo();
// foo();
// foo();
// 如此多次调用函数会显得代码十分得繁琐，且复用性不高，因此我们需要使用函数去提高代码的复用性。
// 函数的写法：
// 1.直接利用function 关键字定义函数 (会提前解析代码的作用，也可以预解析)
f1();
function f1() {
console.log("开心最重要！！！");
}
// 2.利用var 关键字 声明变量记录函数值(不能在 var声明之前 去调用函数)
// 若在 var 声明之前 去使用变量，则这个变量为 undefined（即内存中有此变量名，但没有此变量名对应的值）
console.log({ f2 }); // {f2:undefined}
// f2();
var f2 = function () {
console.log("勇于做自己！！！");
}
f2();
// 3.利用构造函数 Function 创建函数实例 (不推荐使用)
// f3() // 报错
var f3 = new Function(`
console.log("你已经很棒了！！！")
`);
f3();
</script>
</body>
<!-- 总结：
函数有三种写法:
1.直接利用 function 关键字进行函数定义（可提前解析），推荐使用
2.利用 var 关键字 声明一个变量，用于记录函数（不可提前解析。因为提前解析时，函数还未定义）
3.利用 Function 函数，创建函数实例（不推荐使用）
-->
二、效果截图
注： 博主如有写的不好之处，希望您能不吝赐教，给我一些关于这个项目的意见和建议。各位的宝贵意见将对我产生深远的影响，我将认真倾听并尽力改进。谢谢各位~~
2731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
