JavaScript函数的概述&&函数的声明方式

蔚落 2022-01-27 11:04 334阅读 0赞

### 一、函数的概述 ###

**1、为什么要有函数**

如果要在多个地方求1-100之间所有数的和，应该怎么做？

**2、什么是函数**

> 把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用

**3、函数有什么作用**

函数一般用于**描述某种功能**，**实现某种功能**。

**4、什么时候会定义函数**

1.  需要让某段代码反复执行
2.  需要封装某种功能，方便调用
3.  简化代码

###  二、函数的声明方式 ###

函数的声明方式主要有三种（最后一种不常用）

**1、利用关键字‘function’声明**

function fn() {
        // 函数体
    }

**2、利用函数表达式声明**

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

**注意：**这样声明的函数，必须**先声明后调用**，否则会报错

![20190526150940747.png][] 错误写法

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTQ1OTM1_size_16_color_FFFFFF_t_70][] 正确写法

**3、利用构造函数“Function”声明(不常用)**

var fn = new Function(paramList , 函数体字符串);
    
    var fn = new Function('a','b','return a+b')
    fn(5,6)    // 11

**注意：**

1.  这种写法是将参数列表和函数体放置在了一起同样作为了参数。
2.  如果只有一个参数，那这个参数就是函数体。(就是花括号里面的代码)
3.  构造函数内的参数无论有多少个，始终会将其**最后一个参数**作为函数体去执行
4.  参数和函数体的语句要作为字符串去呈现

### 提示：重复声明会覆盖 ###

> 和声明和一个变量一样，在同一个作用域内，若函数重复声明，后声明的函数会覆盖之前声明过的函数，使之前声明过的任何同名函数无效。

[20190526150940747.png]: /images/20220127/6bb9023753294dc697eb3ef462120c91.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTQ1OTM1_size_16_color_FFFFFF_t_70]: /images/20220127/5de2538600974fdd9e2224aca286f182.png