Javascript problem

近日要 support 一些 js program, 但小弟唔係太熟 js, 想請教大家.

在 source code 中, 時常看到類似以下 coding:

var proj = proj || {};
(function () {
var functA = function {
      var base = {};  // 這裡開始不明白.  getString declare 後又再 call 返
      base.getString = this.getString;
      this.getString = function () {
         var strings = base.getString.call($this);
         return strings.concat(["ab","cd","ef"]);
      };
};
})();

1. 請問以上的程式是做甚麼?
2. 這種模式的寫法, 有沒有特定的名稱 (如 closure, truly and falsy)

萬分感謝!

0

0

KinChungE

長老會員

Rank: 5 Rank: 5 Rank: 5 Rank: 5 Rank: 5

2^#

發表於 2014-7-16 07:14 | 只看該作者

var base = {}； <-- declare base as JSON
base.getString = this.getString； <-- add this.getString to base

以上兩句, 如果一次過寫哂就係
var base = { getString: this.getString };

TOP

gamezz

進階會員

Rank: 3 Rank: 3 Rank: 3

3^#

發表於 2014-7-16 23:44 | 只看該作者

回覆 2# KinChungE

請問

(function () {
var functA = function {
      //do something
      };
};
})();

同

function functA(){
  //do something
}

有咩分別?

TOP

tonyli1212

中級會員

Rank: 2 Rank: 2

4^#

發表於 2014-7-16 23:53 | 只看該作者

(function () {
var functA = function {
//do something
};
};
})();
alert(functA);

複製代碼

function functA(){
//do something
}
alert(functA)

複製代碼

前者不留痕跡

回覆  KinChungE

請問

(function () {
var functA = function {
      //do something
   ...
gamezz 發表於 2014-7-16 23:44

TOP

FlyingForever

進階會員

Rank: 3 Rank: 3 Rank: 3

5^#

發表於 2014-7-17 01:11 | 只看該作者

本帖最後由 FlyingForever 於 2014-7-17 15:25 編輯

你比段Source Code似乎有D問題喎……

var proj = proj || {}; // 唔關事
(function () {
var functA = function() { // 原版漏括孤
var base = {};
base.getString = this.getString;
this.getString = function () {
var strings = base.getString.call(this); // 應該係就咁this而唔係原版既$this？但Google又好似真係有$this既用法……
return strings.concat(["ab","cd","ef"]);
};
};
})();

複製代碼

Run完之後咩都唔會發生
因為個function係自己既function scope入面define左一個variable functA
但define完之後咩都冇做過，個function就結束左
由於functA只係係function scope入面，所以function外面根本call唔到佢
正如以下既寫法：

(function() {
var i = 10;
})();

複製代碼

係完全同冇做野一樣……

睇返入面段Code，functA係擴展緊this.getString
（唔好問我個this點黎，我都望唔透，請其他師兄指點……）
首先將this.getString呢個function複製一份，變成base.getString
然後this.getString改寫成「call返base.getString，之後再作修改」
咁由於base.getString係原版既this.getString，所以實際上係對this.getString進行擴展

TOP

KinChungE