淺析JavaScript中的特殊函數及用法小結

Posted on by

寫在前面

JavaScript中的函數本質上是一個對象，我們可以將這個對象賦值給一個變量，這就使JavaScript中的函數變得非常的靈活，現在就來淺看一下JavaScript中函數的一些用法。

 匿名函數

JavaScript 可以將函數作為數據使用。作為函數本體，它與普通的數據一樣，不一定有名字。沒有名字的函數被稱之為匿名函數。

示例代碼如下：

//匿名函數
 function(){               //匿名函數，會報錯
     return '一碗周'; 
}

但是在 JavaScript 並不支持匿名函數的語法，不過匿名函數有兩個應用，如下所示：

  • 回調函數：將一個函數作為另一個函數的參數使用，作為參數的函數

  • 自調函數：函數調用自身(定義即調用的函數)

回調函數

然函數與任何可以被賦值給變量的數據是相同的，那麼它當然可以像其他數據那樣被定義、刪除、拷貝，以及當成參數傳遞給其他函數。

當一個函數作為參數傳遞給另一個函數時，作為參數的函數被稱之為回調函數。作為使用回調函數的函數稱為目標函數(外層函數)

示例代碼如下所示

// 定義一個函數，這個函數有兩個函數類型的參數，然後分別執行那兩個函數，並返回它們的和。
function sum(a, b) { // -> 目標函數
  return a() + b()
}
function one() { // -> 回調函數
  return 1;
}
function two() { // -> 回調函數
  return 2;
}
console.log(sum(one, two)); // 3

執行流程如下：

當執行 sum 函數時，傳入兩個實參，在 sum 函數中，會將兩個實參作為函數執行，並將返回值計算並返回。

匿名回調函數

所謂匿名回調函數，就是目標函數中的參數是沒有名稱的函數，將上一段代碼修改為使用匿名回調函數

// 定義一個函數，這個函數有兩個函數類型的參數，然後分別執行那兩個函數，並返回它們的和。
function sum(a, b) { // -> 目標函數
  return a() + b()
}
console.log(sum(
  function () { // -> 匿名回調函數
    return 1
  },
  function () { // -> 匿名回調函數
    return 2
  })); // 3

帶參數的回調函數

function multiplyByTwo(a, b, c, callbakc) {
  var i, ar = []
  for (i = 0; i < 3; i++) {
    // 通過 arguments 對象將傳入的參數 * 2，然後傳入回調函數進行操作
    ar[i] = callbakc(arguments[i] * 2);
  }
  return ar;
}
console.log(multiplyByTwo(1, 2, 3,
  function (a) { // 匿名回調函數
    return a + 2
  }));

回調函數的優點：

  • 匿名回調函數節省瞭全局命名空間

  • 將私有的數據內容開放給指定位置使用

  • 保證封裝性 – 雖然可以使用私有數據，但是並不知道來源

  • 有助於提升性能

但是回調函數也是有缺點的，當目標函數的參數是一個回調函數時，回調函數的參數又是另一個回調函數，另一個回調函數的參數還是一個回調函數…也就是套娃，也就形成瞭回調陷阱或稱回調地獄。

自調函數

目前我們已經討論瞭匿名函數在回調方面的應用。接下來我們討論另外一種情況，即自調函數，這種函數可以在定義後立即調用。示例代碼如下所示

(
  function () {
    console.log("自調函數");
  }
)()

這種語法看上去有點唬人，其實沒有什麼，我們隻需將匿名函數的定義放進一對括號中，然後外面再緊跟一對括號即可。

語法結構如下圖所示

值得註意的是，自調函數可以命名，但是還是會自調用，如果用函數名調用的話會拋出異常。

自調函數除瞭以上兩種方式外，還有以下幾種不常用的方式

+ function (v) { // 形參
  var w = 100; // 局部變量
  console.log("自調函數" + v);
}(1);// 實參

! function (v) {
  var w = 100; // 局部變量
  console.log("自調函數" + v);
}(2);

~ function (v) {
  var w = 100; // 局部變量
  console.log("自調函數" + v);
}(3);

使用即時自調匿名函數的好處是不會產生任何全局變量。

缺點在於這樣的函數是無法重復執行的（除非將它放在某個循環或其他函數中）。這也使得即時函數非常適合於執行一些一次性的或初始化的任務。

作為值的函數

將一個函數作為另一個函數的結果並返回，作為結果返回的函數稱之為作為值的函數。

示例代碼如下：

function outer() {
  var v = 100;
  // 在函數的函數體中定義另一個函數 -> 內部(私有)函數
  return function () { // 使用匿名函數
    return v * 2
  }
}
var result = outer();
console.log(result); // [Function]
// 或者下面這種方式與上面那種方式相同
function outer1() {
  var v = 100;
  // 在函數的函數體中定義另一個函數 -> 內部(私有)函數
  function inner() {
    return v * 2
  }
  return inner
}
var result1 = outer1();
console.log(result1); // [Function: inner]

這樣做的好處是：

  • 有助於我們確保全局名字空間的純凈性（這意味著命名沖突的機會很小）。

  • 確保私有性 — 這使我們可以選擇隻將一些必要的函數暴露給“外部世界”，而保留屬於自己的函數，使它們不為該應用程序的其他部分所用。

到此這篇關於JavaScript中的特殊函數的文章就介紹到這瞭,更多相關js特殊函數內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：