Javascript callback function 使用方法

Posted on | Edited on | In

寫 js 也一段時間了
整理一下 js callback funciton 的使用方法

寫法 1

1
2
3
4
5
6
7
8
9
10
11
12
13
function f1(callback) {
  var data = "123";
  callback && callback(data);
}
function f2() {
  f1(function(result) {
    console.warn("in function");
    console.warn(result);
  });
}
f2();

結果是：

1
2
in function
123

寫法 2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function f1(callback) {
  var data = "123";
  if (typeof callback === "function") {
    callback(data);
  }
}
function f2() {
  f1(function(result) {
    console.warn("in function");
    console.warn(result);
  });
}
f2();

結果是：

1
2
in function
123

基本上兩者的寫法是一樣的東西
只是寫法 1 稍稍有些簡潔
大家參考一下