建站
咨詢
售后
建站咨詢
新聞中心
JavaScript 是一種靈活的語言，表達力極強，我來舉一個例子，保證讓很多人大吃一驚。
創(chuàng)新互聯(lián)專注于舒蘭企業(yè)網(wǎng)站建設,自適應網(wǎng)站建設,商城網(wǎng)站建設。舒蘭網(wǎng)站建設公司,為舒蘭等地區(qū)提供建站服務。全流程按需求定制設計，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務
本文受到了 Kyle Simpson 的文章??《Iterating ES6 Numbers》??的啟發(fā)。
首先，在 Number.prototype 對象上，部署一個 add 方法。
Number.prototype.add = function (x) {
return this + x;
};上面代碼為 Number 的實例定義了一個 add 方法。（如果你對這種寫法不熟悉，建議先閱讀我寫的??《JavaScript 面向?qū)ο缶幊獭??。）
由于 Number 的實例就是數(shù)值，在數(shù)值上調(diào)用某個方法，數(shù)值會自動轉為實例對象，所以就得到了下面的結果。
8['add'](2)
// 10
上面代碼中，調(diào)用方法之所以寫成??8['add']???，而不是??8. add??，是因為數(shù)值后面的點，會被解釋為小數(shù)點，而不是點運算符。
將數(shù)值放在圓括號中，就可以使用點運算符調(diào)用方法了。
(8) .add (2)
// 10
其實，還有另一種寫法。
8..add (2)
// 10
上面代碼的***個點解釋為小數(shù)點，第二個點解釋為點運算符。為了語義清晰起見，下面我統(tǒng)一采用圓括號的寫法。
由于 add 方法返回的還是數(shù)值，所以可以鏈式運算。
Number.prototype.subtract = function (x) {
return this - x;
};
(8) .add (2) .subtract (4)
// 6上面代碼在 Number 對象的實例上部署了 subtract 方法，它可以與 add 方法鏈式調(diào)用。
如果使用方括號調(diào)用屬性，寫法會很古怪。
8["add"](2)["subtract"](4)
// 6
我們還可以部署更復雜的方法。
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 對象的原型上部署了 iterate 方法，可以將一個數(shù)值自動擴展為一個數(shù)組。
總之，現(xiàn)在我們可以在數(shù)值上直接調(diào)用方法了，但是后面一對圓括號看著有點礙眼，有沒有可能去掉圓括號呢？也就是說，能不能將下面的表達式
(8).double() .square ()
寫成另一種樣子？
(8).double.suqare
這是可以做到的。
ES5 規(guī)定，每個對象的屬性都有一個??取值方法 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 上定義了兩個屬性 double 和 square ，以及它們的取值方法 get 。
因此，在任一數(shù)值上，讀取這兩個屬性，就可以寫成下面的樣子。
(8).double.square
// 256
也可以改用方括號運算符。
8["double"]["square"]
// 256
新聞標題：JavaScript多靈活？
URL標題：http://www.5511xx.com/article/dhdjsii.html
