Javascrip基础复习04-函数

函数

 

为什么需要函数

1. 函数：function执行特定任务的代码块

2. 需要使用函数的原因：可以实现代码复用，提高开发效率

函数使用

函数的声明语法

function 函数名() {
    函数体
}

函数名命名规范

1. 和变量命名基本一致

2. 尽量小驼峰式命名法

3. 前缀应该为动词

4. 命名建议：常用动词约定

函数的调用语法

函数名()

注意：

1. 声明（定义）的函数必须调用才会真正被执行, 使用函数名( )调用函数

2. 函数一次声明可以多次调用, 每一次函数调用函数体里面的代码会重复执行一次

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

函数体

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

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

循环代码写完即执行，不能很方便控制执行位置

函数随时调用，随时执行，可重复调用

函数传参

为什么要有参数的函数

可以极大的提高了函数的灵活性

有参数的函数声明和调用

声明语法:

    function 函数名(参数列表) {
      函数体
    }

参数列表:

传入数据列表

声明这个函数需要传入几个数据

多个数据用逗号隔开

调用语法:

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

调用函数时，需要传入几个数据就写几个，用逗号隔开

形参和实参

1. 函数可以分为形参和实参

2. 函数声明时，小括号里面的是形参，形式上的参数

3. 函数调用时，小括号里面的是实参，实际的参数

4. 尽量保持形参和实参的个数一致

函数返回值

为什么要让函数有返回值

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

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

用return返回数据

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

语法:

return 数据
function getSum(num1, num2) {
    return num1 + num2  // 将结果返回给调用者
}
let res = getSum(10, 20)
document.write(res)

细节：

1. 在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用

2. 函数内部只能执行 一 次 return，并且 return 后面代码不会再被执行，所以 return 后面的数据不要换行写

3. return会立即结束当前函数

4. 函数可以没有 return，这种情况函数默认返回值为 undefined

作用域

作用域概述

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

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

1. 全局作用域: 全局有效

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

1. 局部作用域: 局部有效

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

1. 块级作用域: {} 内有效

   块作用域由 { } 包括,if语句和for语句里面的{ }等

变量的作用域

在JavaScript中，根据作用域的不同，变量可以分为:

1. 全局变量: 函数外部let 的变量

   全局变量在任何区域都可以访问和修改

2. 局部变量: 函数内部let的变量

   局部变量只能在当前函数内部访问和修改

3. 块级变量: {} 内部的let变量

   let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问

特殊情况：

1. 如果函数内部或者块级作用域内部，变量没有let声明，直接赋值，也当全局变量看，但是强烈不推荐.

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

作用域链:

1. 只要是代码，就至少有一个作用域

2. 写在函数内部的局部作用域

3. 如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域

4. 根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称作作用域链

变量访问原则是: 就近原则

匿名函数

函数可以分为：

1. 具名函数:

   声明：function fn( ) { }

   调用：fn( )

1. 匿名函数:function( ) { }

匿名函数

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

声明:

let fn = function () {
    //函数体
}

调用:

fn() //函数名

立即执行函数

立即执行函数: 不需要调用,立即执行

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

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

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