Javascript -day04-函数

1. 函数：

function，是被设计为执行特定任务的代码块
说明：
函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。

2. 函数使用

目标：掌握函数语法，把代码封装起来
函数的声明语法

函数名命名规范
和变量命名基本一致
尽量小驼峰式命名法
前缀应该为动词
命名建议：常用动词约定

函数的调用语法

注意：声明（定义）的函数必须调用才会真正被执行，使用 () 调用函数
例

我们曾经使用的 alert() , parseInt() 这种名字后面跟**小括号的本质都是函数的调用 **

目的：通过这段代码 封装 成函数，体会函数的好处

函数体

2 . 1 函数使用小结:

1. 函数是用那个关键字声明的？
   function

2. 函数不调用会执行吗？如何调用函数？
   函数不调用自己不执行
   调用方式: 函数名()

3. 函数的复用代码和循环重复代码有什么不同？
   循环代码写完即执行，不能很方便控制执行位置
   随时调用，随时执行，可重复调用

3. 函数传参

声明语法

                function 函数名 (参数列表) {
                  函数体
                }
                // 参数列表  1. 传入数据列表 2. 声明这个函数需要传入几个数据 
                //          3. 多个数据用逗号隔开
                

调用语法

                函数名 ( 传递的参数列表 )

形参和实参

1. 形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）
2. 实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）
3. 形参可以理解为是在这个函数内声明的变量（let num;）实参可以理解为是给这个变量赋值（比如 num1 = 10）
4. 开发中尽量保持形参和实参个数一致
5. 我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参

3 . 1 函数传参小结:

1. 函数传递参数的好处是？
   可以极大的提高了函数的灵活性

2. 函数参数可以分为那两类？怎么判断他们是那种参数？
   函数可以分为形参和实参
   函数声明时，小括号里面的是形参，形式上的参数
   函数调用时，小括号里面的是实参，实际的参数
   尽量保持形参和实参的个数一致

3. 参数中间用什么符号隔开？
   逗号

4. 函数返回值

1.用return返回数据
当函数需要返回数据出去时，用return关键字
语法:
return 数据 / return 20
怎么使用呢？

在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用
函数内部只能运行到 1 次 return，并且 return 后面代码不会再被执行，所以 return 后面的数据不要换行写

return会立即结束当前函数
函数可以没有 return，这种情况函数默认返回值为 undefined

4.1 函数返回值小结:

1. 为什么要让函数有返回值
   函数执行后得到结果，结果是调用者想要拿到的（一句话，函数内部不需要输出结果，而是返回结果）
   对执行结果的扩展性更高,可以让其他的程序使用这个结果

2. 函数有返回值用那个关键字？ 有什么注意事项呢？
   语法：return 数据
   return后面不接数据或者函数内不写return，函数的返回值是undefined
   return能立即结束当前函数, 所以 return 后面的数据不要换行写

5. 作用域

1.作用域概述
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

1. 全局作用域 : 全局有效
作用于所有代码执行的环境(整个 script 标签内部)或者多个 js 文件

1. 局部作用域 : 局部有效
作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数作用域。

1. 块级作用域 : {} 内有效
块作用域由 { } 包括,if语句和for语句里面的{ }等

2.变量的作用域
1. 全局变量 : 函数外部let 的变量
全局变量在变量定义之后区域可以访问和修改

1. 局部变量 : 函数内部let的变量
局部变量只能在当前函数内部访问和修改

1. 块级变量 : {} 内部的let变量
let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问

变量作用域特殊情况：

• 如果函数内部或者块级作用域内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐
• 函数内部的形参可以看做是局部变量，所以形参相当于函数内部定义的局部变量，只有在函数内部可以使用。

5.1 作用域小结:

1. JS 中作用域分为哪三种？
   全局作用域。script环境 最顶（外）层
   局部作用域。也称为函数作用域，函数内部
   块级作用域。 { } 内

2. 根据作用域不同，变量分为哪三种？
   全局变量 局部变量
   块级变量

3. 有一种特殊情况:怎样声明变量，它会变成全局变量？我们提倡吗？
   局部变量或者块级变量 没有使用let 声明，而是直接赋值的变量，会被当全局变量看；我们强烈不提倡
   还有一种特殊情况，函数内部的形参可以当做局部变量看
   全局作用域。script环境 最顶（外）层

6. 函数

1. 匿名函数
   将匿名函数赋值给一个变量，并且通过变量名称进行调用 我们将这个称为函数表达式

// 语法: 
let fn = function () { //函数体  }
// 调用：
fn ( )  // 函数名 ( )

其中函数的形参和实参使用跟具名函数一致。
使用场景:

1. 立即执行函数

   场景介绍: 避免全局变量之间的污染

// 语法:
// 方式1
( function ( ) { console.log(11) } ) ();
// 方式2
( function ( ) { console.log(11) } ( ) );
// 不需要调用,立即执行

注意： 多个立即执行函数要用 ; 隔开，要不然会报错

6.1 函数的小结:

1. 立即执行函数有什么作用？

   防止变量污染

2. 立即执行函数需要调用吗？ 有什么注意事项呢？

   无需调用，立即执行，其实本质已经调用了

   多个立即执行函数之间用分号隔开