js基础（4）—函数

函数与案列

1. 函数

2. 案列

函数：

• 为什么需要函数
• 函数的使用
• 函数传参
• 函数返回值
• 作用域
• 匿名函数

为什么需要函数？

函数：function，是被设计为执行特定任务的代码块

说明：函数可以把具有相同或相似逻辑的代码包裹起来，通过函数调用执行这些被包裹的代码逻辑，那么做的优势是有利于精简代码方便复用

比如：我们前面使用的alert（），prompt（），和console.log（）都是一些函数，只不过已经封装好了可以直接使用

函数的使用

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

函数的调用方式

语法：

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

函数体

 函数体是函数的构成部分，他负责将相同或相似代码‘包裹’起来，直到函数体内的代码才会被执行。函数的功能代码都要写在函数体当中。

函数的复用代码和循环重复代码有什么不同？ 

• 循环代码写完即执行，不能很方便控制执行位置
• 随时调用，随时执行，可重复使用

函数传参

声明语法：

参数列表：

• 传入数据列表
• 声明这个函数需要传入几个数据
• 多个数据用逗号隔开

调用语法：

函数转参

• 形参
• 实参

形参：声明函数是写在函数名右边小括号里的叫形参（形式上的参数）

实参：调用函数时写在函数名右边小括号里的叫实参（形式上的参数）

函数的返回值 

• 问：什么是函数？

函数是被设计执行特定任务的代码块

• 问：执行完特定任务之后然后那？

把任务结果给我们

• 缺点：把计算后的结果处理方式写死了，内部处理了

解决：把处理结果返回给调用者

当函数需要返回数据出去时，用return关键字

语法：return 数据

1. 函数为什么会有返回值

函数执行后得到结果，结果是调用者想要拿到的（一句话，函数内部不需要输出结果，而是返回结果）

对执行结果的扩展性更高，可以让其他的程序使用这个方案

2.函数有返回值用那个关键字？有什么注意事项、

语法：return   数据

return后面不接数据或者函数内不写return,函数的返回值是undefined

return能立即结束当前函数,所以return后面的数据不要换行写.

作用域

通常来说，一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性,减少了名字冲突。

分两种：

• 全局作用域
• 局部作用域

全局作用域：作用于所有代码执行的环.境(整个script标签内部)或者一个独立的js文件

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

根据作用域的不同—变量分为：

• 全局变量
• 局部变量

全局变量：函数外部let的变量，全局变量在任何区域都可以访问和修改。

局部变量：函数内部let的变量，局部变量只能在当前函数内部访问和修改。

变量有一个坑:

如果函数内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐

但是有一-种情况， 函数内部的形参可以看做是局部变量。

匿名函数

匿名函数:没有名字的函数,无法直接使用。

使用方式:

• 函数表达式
• 立即执行函数

函数表达式

函数表达式：将匿名函数赋值给一个变量,并且通过变量名称进行调用。

立即执行函数

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

 

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

•  无需调用，立即执行,其实本质已经调用了
• 多个立即执行函数之间用分号隔开