为什么需要函数
目标：能说出为什么需要函数 函数： function，是被设计为执行特定任务的代码块 说明： 函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于 精简代码方便复用。 比如我们前面使用的alert(）、prompt(）和console.log(）都是一些js函数，只不过已经封装好了，我们直接使用的。
函数命名规范
变量命名基本一致 尽量小驼峰式命名法 前缀应该为动词 命名建议：常用动词约定
声明（定义）一个完整函数包括关键字、函数名、形式参数、函数体、返回值5个部分
小结
1.函数是用那个关键字声明的？ function 2.函数不调用会执行吗？如何调用函数？ 函数不调用自己不执行 调用方式：函数名（） 3.函数的复用代码和循环重复代码有什么不同？ 循环代码写完即执行，不能很方便控制执行位置 随时调用，随时执行，可重复调用
函数传参
为什么需要传参
通过向函数传递参数，可以让函数更加灵活多变，参数可以理解成是一个变量。
声明（定义）一个功能为打招呼的函数
-
传入数据列表
-
声明这个函数需要传入几个数据
-
多个数据用逗号隔开
<!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>
小结
1.函数传递参数的好处是？ 可以极大的提高了函数的灵活性 2.函数参数可以分为那两类？怎么判断他们是那种参数？ 函数可以分为形参和实参 函数命明时，小括号里面的是形参，形式上的参数 函数调用时，小括号里面的是实参，实际的参数 尽量保持形参和实参的个数一致 3.参数中间用什么符号隔开？ 逗号
函数传参的默认值
1.3函数传参-参数默认值 形参：可以看做变量，但是如果一个变量不给值，默认是什么？
undefined
但是如果做用户不输入实参，刚才的案例，则出现 undefined+undefined结果是什么？
NaN
我们可以改进下，用户不输入实参，可以给形参默认值，可以默认为0，这样程序更严谨，可以如下操作：
第一种方法
function getSum(× = 0,y = 0){ document.write(× + y) } getSum(） //结果是0，而不是NAN getSum(1,2）//结果是3
第二种方法
function getSum(× ,y ){ x=x||0
y=y||0
getSum(） //如果xy有值就赋值,否则就是0,而不是NAN
说明：这个默认值只会在缺少实参参数传递时才会被执行，所以有参数会优先执行传递过来的实参，否则默认为undefined
返回值
提问：什么是函数？ 函数是被设计为执行特定任务的代码块 ·提问：执行完特定任务之后，然后呢？ 把任务的结果给我们 ·缺点：把计算后的结果处理方式写死了，内部处理了 ·解决：把处理结果返回给调用者 有返回值函数的概念： 当调用某个函数，这个函数会返回一个结果出来 这就是有返回值的函数
函数的本质是封装（包裹），函数体内的逻辑执行完毕后，函数外部如何获得函数内部的执行结果呢？要想获得函数内部逻辑的执行结果，需要通过 return 这个关键字，将内部执行结果传递到函数外部，这个被传递到外部的结果就是返回值。
<script>
// 定义求和函数
function count(a, b) {
//
// 通过 return 将a+b的结果传递到外部
return a+b
}
// 调用函数，如果一个函数有返回值
// 那么可将这个返回值赋值给外部的任意变量
//或者直接打印这个实参,而且可以任意更换里面的值,最后也会进行相加
//因为 return在函数内部已经完成计算
let gata = count(5, 12)//17
//打印变量
console.log(gata);//17
//打印实参
console.log(count(20,20));//40
</script>用return返回数据细节
细节： 在函数体中使用 return关键字能将内部的执行结果交给函数外部使用 return后面代码不会再被执行，会立即结束当前函数，所以return后面的数据不要换行写 return函数可以没有return,这种情况函数默认返回值为 undefined
求函数中的最大值案列
<script>
//1.求最大值函数
function getMax(x,y){
return × > y ? × : y
let max = getMax(1, 2)
console.log(max)
</script>
求任意数组中的最大值和最小值并返回这个值案列
<script>
function getmin(arr=[]){
//准备最大和最小值的两个空数组存放值
let min=arr [0]
let max=arr[0]
//函数收到了调用函数里的数组,这里用循环来判断最大值和最小值
for (let i = 1 ;i<arr.length;i++){
//因为上面min=arr[0],所以min的值等于数组的第一个值也就是3
if(min>arr[i]){
//就相当于如果arr[0]>arr[1],arr[0]就等于arr[1]
min=arr[i]
}
if(max<arr[i]){
max=arr[i]
}
}
//循环到这里return里面是一个新的数组,max和min是数组的最大最小值
//用return输出这两个数
return [max ,min]
}
//调用函数把数组给命令函数
let arr= getmin([3,6,5,9,8])
//因为只有两个数,所以arr[0]等于最大值,arr[1]等于最小值
console.log(`最大值是${arr[0]}`);
console.log(`最小值是${arr[1]}`);
</script>一个函数接收一个布尔类型参数,表示最大值还是最小值
<script>
function getArr(arr,flag=false){
let min=arr [0]
let max=arr[0]
for (let i =0 ;i<arr.length;i++){
if( max<arr[i]){
max=arr[i]
}
if( min>arr[i]) {
min=arr[i]
}
}
if (flag){
return max
}
else {
return min
}
// return [max ,min]
}
let arr= getArr([100,20,60,88,90])
console.log(getArr([100,20,60,88,90],true));
console.log(getArr([100,20,60,88,90]));
</script>函数返回值总结
1.为什么要让函数有返回值 函数执行后得到结果，结果是调用者想要拿到的（一句话，函数内部不需 要输出结果，而是返回结果） 对执行结果的扩展性更高，可以让其他的程序使用这个结果 2.函数有返回值用那个关键字？有什么注意事项呢？ 语法：return数据 return后面不接数据或者函数内不写return,函数的返回值是undefined return能立即结束当前函数，所以return后面的数据不要换行写
函数细节补充
1.4函数细节补充 两个相同的函数后面的会覆盖前面的函数 在Javascript中实参的个数和形参的个数可以不一致 如果形参过多会自动填上undefined（了解即可） 如果实参过多那么多余的实参会被忽略（函数内部有一个arguments,里面装着所有的实参） 函数一旦碰到return就不会在往下执行了函数的结束用return
作用域
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。
作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。
<script>
//1.全局变量
let num = 10
console.log(num)
function fn(){
console.log(num)
}
fn（）
//2.局部变量
function fun(){
//str变量只在函数内部有效
let str = 'pink'
}
console.log(str)//这里在函数括号外面输出str所以错误
//形参可以看做是函数的局部变量
function fun(x,y){
console.log(×)
}
fun(1, 2)
//错误的
console.log(×)
</script>
总结
1.JS中作用域分为哪三种？ 全局作用域。函数外部或者整个script有效 局部作用域。也称为函数作用域，函数内部有效 块级作用域。{}内有效
2.根据作用域不同，变量分为哪三种？ 全局变量 局部变量 块级变量 3.有一种特殊情况是全局变量是那种？我们提倡吗？ 局部变量或者块级变量没有let声明直接赋值的当全局变量看 我们强烈不提倡 还有一种特殊情况，函数内部的形参可以当做局部变量看
匿名函数
函数可以分为具名函数和匿名函数
匿名函数：没有名字的函数,无法直接使用。
<script>
//1.全局变量
let num = 10
console.log(num)
function fn(){
console.log(num)
}
fn（）
//2.局部变量
function fun(){
//str变量只在函数内部有效
let str = 'pink'
}
console.log(str)//这里在函数括号外面输出str所以错误
//形参可以看做是函数的局部变量
function fun(x,y){
console.log(×)
}
fun(1, 2)
//错误的
console.log(×)
</script>
立即执行函数
无需调用，立即执行，其实本质已经调用了
多个立即执行函数之间用分号隔开
<script>
//第一种写法 (function(){})()
(function(x,y){
console.log(x+y);
})(1,2);
//第二种写法(function(){}())
;(function(x,y){
console.log(x+y);
}(1,2));
(function(){ xxx })();
(function(){xxxx}());
</script>总结
1.立即执行函数有什么作用？ 防止变量污染 2.立即执行函数需要调用吗？有什么注意事项呢？ 无需调用，立即执行，其实本质已经调用了 多个立即执行函数之间用分号隔开
逻辑中断
1.逻辑运算符里的短路 ·短路：只存在于&&和|中，当满足一定条件会让右边代码不执行 短路条件 符号|| 左边为false就短路 && 左边为true就短路 ·原因：通过左边能得到整个式子的结果，因此没必要再判断右边 ·运算结果：无论&&还是，运算结果都是最后被执行的表达式值，一般用在变量赋值
481
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
