JavaScript Function、函数声明、函数表达式

不念不忘少年蓝@ 2021-09-14 10:10 431阅读 0赞

## *什么是函数* ##

所谓函数，本质上上i 一种代码的分组形式，我们可以通过这种形式赋予某组代码一个名字，以便于之后的调用。（ 函数也是数据 可以将函数视为一种特殊的数据类型 ）  
栗子：

function sum(a,b){ 
        var c = a + b ;
        return c;
    }

一般来说，函数声明通常由以下几部分组成。

*  关键词 function
 *  函数名，即这里的 sum
 *  函数所需要的参数，即这里的 a,b 。一个函数通常都具有 0 个或多个参数，参数之间用逗号分割。
 *  函数所要支持的代码块，我们称之为函数体
 *  return 之句。函数通常都会由返回值，如果某个函数没有返回值，我们通常默认为 undefined。  
    PS: 一个函数只有一个返回值 ,如果需要返回多个值 ，我们可以存数组或者对象形式 返回！

## *调用函数* ##

现在，我们来调用下 sum() 函数。先将两个参数传递改函数，然后再将函数的返回值复制给函数的result,具体如下：

var result = sum(1,2);
    result;   // 3

## *1：Function 对象* ##

Function 构造器会创建一个新的 Function 对象。 在 JavaScript 中每个函数都是一个 Function 对象。没有对象 new 一个 ！

// 使用 Function 构造函数创建函数
    new Function ([arg1[, arg2[, ...argN]],] functionBody)

例子：

var func = new Function('a', 'b', 'return a + b');
    func(2, 3) // 5

使用 Function 构造器生成的 Function 对象是在函数创建时解析的。  
这比你使用函数声明或者函数表达式(function)并在你的代码中调用更为低效，因为使用后者创建的函数是跟其他代码一起解析的。  
所以不推荐使用 Function 构造函数来创建函数。

## *2：函数声明 function statement* ##

函数声明是用指定的参数声明一个函数。一个被函数声明创建的函数是一个 Function 对象，具有 Function 对象的所有属性、方法和行为。

// 函数声明语法
    function name([param[, param[, ... param]]]) {  statements }

*  name: 函数名，可以省略。当省略函数名的时候，该函数就成为了匿名函数。
 *  param: 传递给函数的参数的名称，一个函数最多可以有255个参数。
 *  statements: 组成函数体的声明语句。

## *3：函数表达式 function expression* ##

在函数表达式中我们可以忽略函数名称创建匿名函数，并将该匿名函数赋值给变量。

var add = function(a, b) { return a + b; };
    
    add(2, 3) // 5

当然， 也可以创建命名函数表达式 Named function expression:

var add = function func(a, b) { return a + b; };
    
    add(2, 3) // 5

命名函数表达式中函数名称只能作为函数体作用域内的局部变量，外部不可访问。

## *4：函数声明提升* ##

PS: *JavaScript 变量提升*

对于函数声明创建的函数，可以在本作用域内任意位置访问。

a(); // 1
    
    function a() { 
        return 1;  
    }
    
    a(); // 1

而函数表达式不会。

console.log(a); // undefined (只是变量提升)
    a(1); // TypeError: a is not a function
    
    var a = function(v) {
        console.log(v);     
    };

## *5：实参与形参* ##

调用函数时，传递给函数的值被称为函数的实参（值传递），对应位置的函数参数名叫作形参。有一点非常需要注意：

*  如果实参是一个包含原始值(数字，字符串，布尔值)的变量，则就算函数在内部改变了对应形参的值，返回后，该实参变量的值也不会改变。
 *  如果实参是一个对象引用，则对应形参会和该实参指向同一个对象。假如函数在内部改变了对应形参的值，返回后，实参指向的对象的值也会改变。
    
    实参是原始值：

function func(v) { 
        v = 3;
    }
    
    var a = 1;
    func(a);
    console.log(a); // 1

实参是对象引用(1)：

function func(v) { 
        v.c = 3;
    }
    
    var a = {
        b: 1,
        c: 2
    };
    
    func(a);
    console.log(a); // { b: 1, c: 3 }

实参是对象引用(2)：

function func(v) { 
          v[1] = 3;
    }
    
    var a = [1, 2];
    
    func(a);
    console.log(a); // [ 1, 3 ]

## *6：arguments 对象* ##

arguments 对象是函数内部的局部变量，是一个类数组对象，代表传给一个 function 的参数列表。

function func(a, b) { 
        console.log(arguments);
    }
    
    func(22, 33); // { '0': 22, '1': 33 }
    console.log(arguments[0]); // 22
    console.log(arguments.length); // 2

注意： arguments 对象并不是一个真正的 Array。它类似于数组，但没有数组所特有的属性和方法，除了 length。例如，它没有 pop 方法。  
如果需要，可以将其转换成数组再对新的数组进行处理

例如：

var args = Array.prototype.slice.call(arguments);