新聞中心
這篇文章主要介紹“JavaScript靈活性舉例分析”,在日常操作中,相信很多人在JavaScript靈活性舉例分析問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”JavaScript靈活性舉例分析”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
邵原網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)公司!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司于2013年開始到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。
首先,在 Number.prototype 對象上,部署一個 add 方法。
Number.prototype.add = function (x) { return this + x; };
上面代碼為 Number 的實(shí)例定義了一個 add 方法。(如果你對這種寫法不熟悉,建議先閱讀我寫的《JavaScript 面向?qū)ο缶幊獭?。?/p>
由于 Number 的實(shí)例就是數(shù)值,在數(shù)值上調(diào)用某個方法,數(shù)值會自動轉(zhuǎn)為實(shí)例對象,所以就得到了下面的結(jié)果。
8['add'](2)// 10
上面代碼中,調(diào)用方法之所以寫成8['add']
,而不是8. add
,是因?yàn)閿?shù)值后面的點(diǎn),會被解釋為小數(shù)點(diǎn),而不是點(diǎn)運(yùn)算符。
將數(shù)值放在圓括號中,就可以使用點(diǎn)運(yùn)算符調(diào)用方法了。
(8) .add (2)// 10
其實(shí),還有另一種寫法。
8..add (2)// 10
上面代碼的***個點(diǎn)解釋為小數(shù)點(diǎn),第二個點(diǎn)解釋為點(diǎn)運(yùn)算符。為了語義清晰起見,下面我統(tǒng)一采用圓括號的寫法。
由于 add 方法返回的還是數(shù)值,所以可以鏈?zhǔn)竭\(yùn)算。
Number.prototype.subtract = function (x) { return this - x; }; (8) .add (2) .subtract (4)// 6
上面代碼在 Number 對象的實(shí)例上部署了 subtract 方法,它可以與 add 方法鏈?zhǔn)秸{(diào)用。
如果使用方括號調(diào)用屬性,寫法會很古怪。
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 對象的原型上部署了 iterate 方法,可以將一個數(shù)值自動擴(kuò)展為一個數(shù)組。
總之,現(xiàn)在我們可以在數(shù)值上直接調(diào)用方法了,但是后面一對圓括號看著有點(diǎn)礙眼,有沒有可能去掉圓括號呢?也就是說,能不能將下面的表達(dá)式
(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
也可以改用方括號運(yùn)算符。
8["double"]["square"]// 256
到此,關(guān)于“JavaScript靈活性舉例分析”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
文章名稱:JavaScript靈活性舉例分析
當(dāng)前地址:http://fisionsoft.com.cn/article/gghhjh.html