javascript中的function命名空間與模擬getter、setter

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

function的命名空間

在javascript中，function也可以擁有自己的命名空間
例如以下這段程式碼：

1
2
3
4
5
6
7
8

function () {
return 'I am A';
}A.hello = 'hello!';console.log(A());
console.log(A.hello);

我們可以在console得到以下內容：

1 2	I am A hello!

可以發現即使A被宣告成一個function，它依然可以像object一樣被assign其中的其他attribute，而直接呼叫A本身也還是它原來function的功能

getter、setter

在javascript中，this會是呼叫它的對象，可以參考這裡
因此我們可以結合命名規則的特性寫成這個樣子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

function () {
let Name = 'john';
let Gender = 'male';大专栏 javascript中的function命名空間與模擬getter、setterspan class="line"> function f () {
} f.Name = function(_) {
if (!arguments.length) {
return Name;
}
Name = _;
return this;
} f.Gender = function(_) {
if (!arguments.length) {
return Gender;
}
Gender = _;
return this;
} return f;
}const a = A();console.log(a.Name());
console.log(a.Gender());