JavaScript 是一種靈活的語言，表達(dá)力極強(qiáng)，我來舉一個(gè)例子，保證讓很多人大吃一驚。
本文受到了 Kyle Simpson 的文章《Iterating ES6 Numbers》的啟發(fā)。
首先，在 Number.prototype 對(duì)象上，部署一個(gè) add 方法。
Number.prototype.add = function (x) {
return this + x;
};
上面代碼為 Number 的實(shí)例定義了一個(gè) add 方法。（如果你對(duì)這種寫法不熟悉，建議先閱讀我寫的《JavaScript 面向?qū)ο缶幊獭?/a>。）
由于 Number 的實(shí)例就是數(shù)值，在數(shù)值上調(diào)用某個(gè)方法，數(shù)值會(huì)自動(dòng)轉(zhuǎn)為實(shí)例對(duì)象，所以就得到了下面的結(jié)果。
8['add'](2) // 10
上面代碼中，調(diào)用方法之所以寫成8['add']，而不是8.add，是因?yàn)閿?shù)值后面的點(diǎn)，會(huì)被解釋為小數(shù)點(diǎn)，而不是點(diǎn)運(yùn)算符。
將數(shù)值放在圓括號(hào)中，就可以使用點(diǎn)運(yùn)算符調(diào)用方法了。
(8).add(2) // 10
其實(shí)，還有另一種寫法。
8..add(2) // 10
上面代碼的第一個(gè)點(diǎn)解釋為小數(shù)點(diǎn)，第二個(gè)點(diǎn)解釋為點(diǎn)運(yùn)算符。為了語義清晰起見，下面我統(tǒng)一采用圓括號(hào)的寫法。
由于add方法返回的還是數(shù)值，所以可以鏈?zhǔn)竭\(yùn)算。
Number.prototype.subtract = function (x) {
return this - x;
};
(8).add(2).subtract(4)
// 6
上面代碼在Number對(duì)象的實(shí)例上部署了subtract方法，它可以與add方法鏈?zhǔn)秸{(diào)用。
如果使用方括號(hào)調(diào)用屬性，寫法會(huì)很古怪。
8["add"](2)["subtract"](4) // 6
我們還可以部署更復(fù)雜的方法。
Number.prototype.iterate = function () {
var result = [];
for (var i = 0; i <= this; i++) {
result.push(i);
}
return result;
};
(8).iterate()
// [0, 1, 2, 3, 4, 5, 6, 7, 8]
上面代碼在 Number 對(duì)象的原型上部署了 iterate 方法，可以將一個(gè)數(shù)值自動(dòng)擴(kuò)展為一個(gè)數(shù)組。
總之，現(xiàn)在我們可以在數(shù)值上直接調(diào)用方法了，但是后面一對(duì)圓括號(hào)看著有點(diǎn)礙眼，有沒有可能去掉圓括號(hào)呢？也就是說，能不能將下面的表達(dá)式
(8).double().square()
寫成另一種樣子？
(8).double.suqare
這是可以做到的。
ES5規(guī)定，每個(gè)對(duì)象的屬性都有一個(gè)取值方法get，用來自定義該屬性的讀取操作。
Number.prototype = Object.defineProperty(
Number.prototype, "double", {
get: function (){return (this + this)}
}
);
Number.prototype = Object.defineProperty(
Number.prototype, "square", {
get: function (){return (this * this)}
}
);
上面代碼在 Number.prototype 上定義了兩個(gè)屬性 double 和 square ，以及它們的取值方法 get 。
因此，在任一數(shù)值上，讀取這兩個(gè)屬性，就可以寫成下面的樣子。
(8).double.square // 256
也可以改用方括號(hào)運(yùn)算符。
8["double"]["square"] // 256
via：ruanyifeng
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費(fèi)用，即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。