成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

JavaScript多靈活?

開發 前端
JavaScript 是一種靈活的語言,表達力極強,我來舉一個例子,保證讓很多人大吃一驚。本文受到了 Kyle Simpson 的文章《Iterating ES6 Numbers》的啟發。

JavaScript 是一種靈活的語言,表達力極強,我來舉一個例子,保證讓很多人大吃一驚。

本文受到了 Kyle Simpson 的文章??《Iterating ES6 Numbers》??的啟發。


首先,在 Number.prototype 對象上,部署一個 add 方法。

Number.prototype.add = function (x) {
return this + x;
};

上面代碼為 Number 的實例定義了一個 add 方法。(如果你對這種寫法不熟悉,建議先閱讀我寫的??《JavaScript 面向對象編程》??。)

由于 Number 的實例就是數值,在數值上調用某個方法,數值會自動轉為實例對象,所以就得到了下面的結果。

8['add'](2)
// 10

上面代碼中,調用方法之所以寫成??8['add']???,而不是??8. add??,是因為數值后面的點,會被解釋為小數點,而不是點運算符。

將數值放在圓括號中,就可以使用點運算符調用方法了。

(8) .add (2)
// 10

其實,還有另一種寫法。

8..add (2)
// 10

上面代碼的***個點解釋為小數點,第二個點解釋為點運算符。為了語義清晰起見,下面我統一采用圓括號的寫法。

由于 add 方法返回的還是數值,所以可以鏈式運算。

Number.prototype.subtract = function (x) {
return this - x;
};

(8) .add (2) .subtract (4)
// 6

上面代碼在 Number 對象的實例上部署了 subtract 方法,它可以與 add 方法鏈式調用。

如果使用方括號調用屬性,寫法會很古怪。

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 方法,可以將一個數值自動擴展為一個數組。

總之,現在我們可以在數值上直接調用方法了,但是后面一對圓括號看著有點礙眼,有沒有可能去掉圓括號呢?也就是說,能不能將下面的表達式

(8).double() .square ()

寫成另一種樣子?

(8).double.suqare

這是可以做到的。

ES5 規定,每個對象的屬性都有一個??取值方法 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 。

因此,在任一數值上,讀取這兩個屬性,就可以寫成下面的樣子。

(8).double.square
// 256

也可以改用方括號運算符。

8["double"]["square"]
// 256
責任編輯:林師授 來源: 阮一峰的網絡日志
相關推薦

2012-05-10 09:15:47

2012-05-10 10:00:43

2021-09-29 19:16:07

前端React配置

2013-11-29 16:55:56

華為OTN廣電

2013-11-11 16:20:01

戴爾

2023-06-22 09:20:56

測試JavaScript框架

2024-03-19 13:51:31

JavaScript插件

2023-04-12 07:55:24

Web前端工程化

2010-10-08 13:21:03

JavaScript多維數組

2024-06-03 06:49:53

2019-03-16 14:34:01

Wi-Fi 6AP銳捷

2009-12-07 17:20:29

PHP stdClas

2009-05-18 09:12:00

ASON自動交換光網絡

2011-06-13 10:07:56

機房布線管理配線架配線架

2019-10-21 15:30:54

JS技巧前端

2009-12-18 16:20:33

Ruby blocks

2011-07-25 16:25:47

2011-03-21 09:50:47

LAMP性能

2023-06-06 19:24:06

KubernetesSpark

2009-02-20 10:59:21

Vista幫助系統使用技巧
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 欧美福利视频一区 | 日本中文字幕视频 | 日韩欧美一区二区三区免费观看 | 成人在线小视频 | 国产精品久久久久久久久久久久久久 | 欧美a在线看 | 精品国产欧美一区二区 | 女女百合av大片一区二区三区九县 | 亚洲精品aⅴ | 亚洲欧美一区二区三区在线 | 精品国产视频 | www.99热| 久久在视频 | 亚洲不卡视频 | 欧美精品在线一区二区三区 | 日本午夜精品一区二区三区 | 亚洲欧美一区二区三区在线 | 日韩精品999| 精品国产一区二区三区性色av | 日本涩涩视频 | 亚洲福利 | 日韩高清国产一区在线 | 狠狠入ady亚洲精品经典电影 | 午夜影院视频在线观看 | 五月激情婷婷在线 | 欧美日批 | 国产日韩欧美 | 亚洲一区二区免费电影 | 香蕉一区二区 | 国产成人精品久久久 | 国产片侵犯亲女视频播放 | 91精品国产欧美一区二区 | 欧美午夜影院 | 国产亚洲精品久久久久久牛牛 | 国产免费av在线 | 色狠狠桃花综合 | 日日综合 | 成人老司机 | 天天综合国产 | 视频一区在线观看 | 亚洲成人www |