目錄

• 函數(shù)的意義
• 函數(shù)的作用
• 函數(shù)三種聲明方式
• 形參和實(shí)參
• arguments對(duì)象
• 函數(shù)的重復(fù)聲明
• 函數(shù)的返回值

函數(shù)的意義

函數(shù)是一段反復(fù)可以調(diào)用的代碼塊筋粗。

函數(shù)的作用

• 代碼復(fù)用
• 讓代碼變得更可靠夺巩，更穩(wěn)定
• 增加代碼安全程度
• 創(chuàng)建函數(shù)作用域氓仲，避免變量污染

函數(shù)聲明方式

在js中有三種函數(shù)的聲明方式：
1. function命令
function命令聲明的代碼區(qū)塊，就是一個(gè)函數(shù)幸海。function命令后面就是函數(shù)名轧拄，函數(shù)名后面是一對(duì)圓括號(hào)汰具，里面是傳入函數(shù)的參數(shù)，函數(shù)體放在打括號(hào)里面粥烁。
例如：

function fn1() {
    // code...
}

上面的代碼定義了一個(gè)fn1函數(shù)贤笆，我們想要使用這個(gè)函數(shù)，只需要通過(guò)fn1()這種形式即可執(zhí)行其中相應(yīng)的代碼段讨阻。
這就叫做函數(shù)的聲明(Function Declaration)芥永。

2. 函數(shù)表達(dá)式
采用變量賦值的方式。
示例：

var fn1 = function() {
    console.log('hello,world!');
}

這種寫法是將一個(gè)匿名函數(shù)賦值給變量钝吮。這時(shí)埋涧，這個(gè)匿名函數(shù)又稱為函數(shù)表達(dá)式（Function Expression），因?yàn)橘x值語(yǔ)句的等號(hào)右側(cè)只能放表達(dá)式奇瘦。
采用函數(shù)表達(dá)式聲明函數(shù)時(shí)棘催，function命令后面不帶有函數(shù)名。如果加上函數(shù)名耳标，該函數(shù)名只在函數(shù)體內(nèi)部有效醇坝，在函數(shù)體外部無(wú)效。
例如：

var fn1 = function test() {
  console.log(typeof test);
};
fn1(); // 通過(guò)這種調(diào)用方式可以順利執(zhí)行代碼
test(); // 通過(guò)這種調(diào)用方式則會(huì)出現(xiàn)not defined 錯(cuò)誤次坡。

在實(shí)際開發(fā)的過(guò)程中纲仍，上面的這種在使用函數(shù)表達(dá)式寫法并且同時(shí)給函數(shù)設(shè)置名字的做法其實(shí)很常見。
這么做的目的有兩個(gè)：

• 可以非常方便的在函數(shù)體內(nèi)部調(diào)用自身
• 方便除錯(cuò)贸毕，除錯(cuò)工具顯示函數(shù)調(diào)用棧時(shí)郑叠，將顯示函數(shù)名，而不再顯示這里是一個(gè)匿名函數(shù)

var f = function f() {};

需要注意的是明棍，函數(shù)的表達(dá)式需要在語(yǔ)句的結(jié)尾加上分號(hào)乡革，表示語(yǔ)句結(jié)束。而函數(shù)的聲明在結(jié)尾的大括號(hào)后面不用加分號(hào)。

3. Function 構(gòu)造函數(shù)
例如：

var add = new Function (
    'x',
    'y',
    'return x + y'
    );
console.log(add);

上面這個(gè)通過(guò)構(gòu)造函數(shù)創(chuàng)建的代碼與下面的代碼大體是相等的：

function add(x,y) {
    return x + y;
}

上面通過(guò)構(gòu)造函數(shù)創(chuàng)建函數(shù)的代碼中沸版，F(xiàn)unction構(gòu)造函數(shù)接受三個(gè)參數(shù)嘁傀，除了最后一個(gè)參數(shù)是add函數(shù)的“函數(shù)體”，其他參數(shù)都是add函數(shù)的參數(shù)视粮。
你可以傳遞任意數(shù)量的參數(shù)給Function構(gòu)造函數(shù)细办，只有最后一個(gè)參數(shù)會(huì)被當(dāng)做函數(shù)體，如果只有一個(gè)參數(shù)蕾殴，該參數(shù)就是函數(shù)體笑撞。

var foo = new Function(
  'return "hello world";'
);
// 等同于
function foo() {
  return 'hello world';
}

總的來(lái)說(shuō)，這種聲明函數(shù)的方式非常不直觀钓觉，幾乎無(wú)人使用茴肥。

圓括號(hào)運(yùn)算符

在我們調(diào)用函數(shù)的時(shí)候，要使用圓括號(hào)運(yùn)算符荡灾。圓括號(hào)之中瓤狐，可以加入函數(shù)的參數(shù)。
例如：

function fn1() {
    console.log("hello,world!");
}
fn1();

在上面的案例中,函數(shù)名后面緊跟一對(duì)圓括號(hào)批幌，就會(huì)調(diào)用這個(gè)函數(shù)础锐。
我們也可以通過(guò)在調(diào)用函數(shù)的時(shí)候傳遞參數(shù)從而實(shí)現(xiàn)數(shù)據(jù)的傳遞。

function sayHello(name) {
    console.log("你好,"+name);
}
sayHello("張三");

一般情況下荧缘，我們將函數(shù)名后面的括號(hào)里面的參數(shù)稱之為形參,而在調(diào)用函數(shù)時(shí)使用的圓括號(hào)里面?zhèn)鬟f的參數(shù)皆警，我們稱之為實(shí)參。

形參和實(shí)參

/ *
* 定義一個(gè)用來(lái)求兩個(gè)數(shù)和的函數(shù)
*    可以在函數(shù)的()中指定一個(gè)或多個(gè)形參(形式參數(shù))
*   多個(gè)形參之間使用 胜宇，隔開耀怜，聲明形參就相當(dāng)于在函數(shù)內(nèi)部聲明了對(duì)應(yīng)的變量，但是并不賦值
*
/
function sum(a,b) {
    console.log(a+b);
}
/*
* 在調(diào)用函數(shù)時(shí)桐愉，可以在()中指定實(shí)參（實(shí)際參數(shù)）
*    實(shí)參將會(huì)賦值給函數(shù)中對(duì)應(yīng)的形參
/
/*
* 在調(diào)用函數(shù)時(shí)财破，解析器不會(huì)檢查實(shí)參的類型，
*    所以要注意从诲，是否有可能會(huì)接收到非法的參數(shù)左痢，如果有可能則需要對(duì)參數(shù)進(jìn)行類型的檢查
  函數(shù)的實(shí)參可以是任意類型的數(shù)據(jù)類型
/
// sum(123,"hello"); // "123hello"
// sum(true,false); // 1

/*
*  調(diào)用函數(shù)時(shí)，解析器也不會(huì)檢查實(shí)參的數(shù)量系洛，
*   多余實(shí)參不會(huì)被賦值
*   如果實(shí)參的數(shù)量小于形參的數(shù)量俊性，則沒(méi)有對(duì)應(yīng)實(shí)參的形參將是undefined
*/
// sum(123,234,"hello","hsdf",true,null);
// sum(123);

arguments對(duì)象

arguments(ar gei men ci)對(duì)象包含了函數(shù)運(yùn)行時(shí)所有的參數(shù)(實(shí)參)，arguments[0]就是第一個(gè)參數(shù)描扯，arguments[1]就是第二個(gè)參數(shù)定页，以此類推。
需要注意的是绽诚，這個(gè)對(duì)象只有在函數(shù)體內(nèi)部才能使用典徊。

function f1() {
    // 獲取傳入的實(shí)參
    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments[2]);
    console.log(arguments[3]);
}
f1(1,2,3,4);// 1 2 3 4

在正常的模式下杭煎，arguments對(duì)象可以在運(yùn)行的時(shí)候進(jìn)行修改。

var f = function(a, b) {
  arguments[0] = 3;
  arguments[1] = 2;
  return a + b;
}

f(1, 1) // 5

上面代碼中卒落，函數(shù)f調(diào)用時(shí)傳入的參數(shù)羡铲，在函數(shù)內(nèi)部被修改成3和2。

嚴(yán)格模式下儡毕，arguments對(duì)象與函數(shù)參數(shù)不具有聯(lián)動(dòng)關(guān)系也切。也就是說(shuō)，修改arguments對(duì)象不會(huì)影響到實(shí)際的函數(shù)參數(shù)腰湾。

var f = function(a, b) {
  'use strict'; // 開啟嚴(yán)格模式
  arguments[0] = 3;
  arguments[1] = 2;
  return a + b;
}

f(1, 1) // 2

上面代碼中雷恃，函數(shù)體內(nèi)是嚴(yán)格模式，這時(shí)修改arguments對(duì)象檐盟，不會(huì)影響到真實(shí)參數(shù)a和b褂萧。

length屬性
通過(guò)arguments對(duì)象的length屬性押桃，可以判斷函數(shù)調(diào)用時(shí)到底帶幾個(gè)參數(shù)葵萎。

function f() {
  return arguments.length;
}

f(1, 2, 3); // 3
f(1); // 1
f(); // 0

與數(shù)組的關(guān)系 -- 類數(shù)組對(duì)象
需要注意的是，雖然arguments很像數(shù)組唱凯，但它是一個(gè)對(duì)象羡忘。數(shù)組專有的方法（比如slice和forEach），不能在arguments對(duì)象上直接使用磕昼。

如果要讓arguments對(duì)象使用數(shù)組方法卷雕，真正的解決方法是將arguments轉(zhuǎn)為真正的數(shù)組。下面是兩種常用的轉(zhuǎn)換方法：slice方法和逐一填入新數(shù)組票从。

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

// 或者
var args = [];
for (var i = 0; i < arguments.length; i++) {
  args.push(arguments[i]);
}

callee屬性
arguments對(duì)象帶有一個(gè)callee屬性漫雕，返回它所對(duì)應(yīng)的原函數(shù)。

var f = function () {
  console.log(arguments.callee === f);
}

f() // true

可以通過(guò)arguments.callee峰鄙，達(dá)到調(diào)用函數(shù)自身的目的浸间。這個(gè)屬性在嚴(yán)格模式里面是禁用的，因此不建議使用吟榴。

函數(shù)重復(fù)聲明

當(dāng)在js代碼中出現(xiàn)函數(shù)重復(fù)聲明的情況(也就是函數(shù)名相同)魁蒜，那么后面的函數(shù)會(huì)把前面的函數(shù)給覆蓋掉。

function fn1() {
    console.log(1111);
}
function fn1() {
    console.log(2222);
}
fn1(); // 2222

函數(shù)返回值

• return語(yǔ)句

在js函數(shù)體內(nèi)的return語(yǔ)句吩翻，表示返回兜看。
JavaScript 引擎遇到return語(yǔ)句，就直接返回return后面的那個(gè)表達(dá)式的值狭瞎，后面即使還有語(yǔ)句细移，也不會(huì)得到執(zhí)行。也就是說(shuō)熊锭，return語(yǔ)句所帶的那個(gè)表達(dá)式弧轧，就是函數(shù)的返回值缔刹。return語(yǔ)句不是必需的，如果沒(méi)有的話劣针，該函數(shù)就不返回任何值校镐，或者說(shuō)返回undefined。

例如:

function fn1(){
    var name = "zhangsan";
    var  age = 19;

    return name + "今年" + age + "歲!";
}

上面的案例中我們?cè)诤瘮?shù)體內(nèi)設(shè)置了一個(gè)返回值捺典。返回值會(huì)將表達(dá)式的結(jié)果從函數(shù)體內(nèi)返回到函數(shù)體的外部鸟廓，讓我們可以在函數(shù)外部訪問(wèn)。
那么該如何訪問(wèn)函數(shù)的返回值呢?

例如：

function fn1(){
    var name = "zhangsan";
    var  age = 19;

    return name + "今年" + age + "歲!";
}
// 可以直接打印調(diào)用函數(shù)的語(yǔ)句襟己。就可以在調(diào)用函數(shù)的同時(shí)還打印出返回值
console.log(fn1());
// 也可以直接將返回值賦值給一個(gè)變量
var return_value = fn1(); // 函數(shù)在執(zhí)行的同時(shí)也將返回值賦值給了變量return_value
console.log(return_value);

如果函數(shù)內(nèi)沒(méi)有返回值引谜，但是我們偏偏還來(lái)打印，那么結(jié)果將返回undefined擎浴。

function fn1(){
    var name = "zhangsan";
    var  age = 19;
}
console.log(fn1()); // undefined
var return_value = fn1();
console.log(return_value);//undefined