电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術(shù)文章
文章詳情頁

JavaScript 有多靈活?

瀏覽:7日期:2023-11-21 09:28:11

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

本文受到了 Kyle Simpson 的文章《Iterating ES6 Numbers》的啟發(fā)。

JavaScript 有多靈活?

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

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

上面代碼為 Number 的實例定義了一個 add 方法。(如果你對這種寫法不熟悉,建議先閱讀我寫的《JavaScript 面向?qū)ο缶幊獭贰#?/p>

由于 Number 的實例就是數(shù)值,在數(shù)值上調(diào)用某個方法,數(shù)值會自動轉(zhuǎn)為實例對象,所以就得到了下面的結(jié)果。

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

via:ruanyifeng

標簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 武汉刮刮奖_刮刮卡印刷厂_为企业提供门票印刷_武汉合格证印刷_现金劵代金券印刷制作 - 武汉泽雅印刷有限公司 | TYPE-C厂家|TYPE-C接口|TYPE-C防水母座|TYPE-C贴片-深圳步步精 | 中央空调温控器_风机盘管温控器_智能_液晶_三速开关面板-中央空调温控器厂家 | 武汉高低温试验机-现货恒温恒湿试验箱-高低温湿热交变箱价格-湖北高天试验设备 | 玻纤土工格栅_钢塑格栅_PP焊接_单双向塑料土工格栅_复合防裂布厂家_山东大庚工程材料科技有限公司 | 深圳市宏康仪器科技有限公司-模拟高空低压试验箱-高温防爆试验箱-温控短路试验箱【官网】 | ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 青岛美佳乐清洁工程有限公司|青岛油烟管道清洗|酒店|企事业单位|学校工厂厨房|青岛油烟管道清洗 插针变压器-家用电器变压器-工业空调变压器-CD型电抗器-余姚市中驰电器有限公司 | PC构件-PC预制构件-构件设计-建筑预制构件-PC构件厂-锦萧新材料科技(浙江)股份有限公司 | 杭州中央空调维修_冷却塔/新风机柜/热水器/锅炉除垢清洗_除垢剂_风机盘管_冷凝器清洗-杭州亿诺能源有限公司 | 选矿设备,选矿生产线,选矿工艺,选矿技术-昆明昆重矿山机械 | 钢制暖气片散热器_天津钢制暖气片_卡麦罗散热器厂家 | 样品瓶(色谱样品瓶)百科-浙江哈迈科技有限公司 | 全温度恒温培养摇床-大容量-立式-远红外二氧化碳培养箱|南荣百科 | 锤式粉碎机,医药粉碎机,锥式粉碎机-无锡市迪麦森机械制造有限公司 | 液氮罐(生物液氮罐)百科-无锡爱思科 | 周易算网-八字测算网 - 周易算网-宝宝起名取名测名字周易八字测算网 | 帽子厂家_帽子工厂_帽子定做_义乌帽厂_帽厂_制帽厂_帽子厂_浙江高普制帽厂 | 焊接烟尘净化器__焊烟除尘设备_打磨工作台_喷漆废气治理设备 -催化燃烧设备 _天津路博蓝天环保科技有限公司 | 培训中心-海南香蕉蛋糕加盟店技术翰香原中心官网总部 | 赛默飞Thermo veritiproPCR仪|ProFlex3 x 32PCR系统|Countess3细胞计数仪|371|3111二氧化碳培养箱|Mirco17R|Mirco21R离心机|仟诺生物 | 【德信自动化】点胶机_全自动点胶机_自动点胶机厂家_塑料热压机_自动螺丝机-深圳市德信自动化设备有限公司 | 石磨面粉机|石磨面粉机械|石磨面粉机组|石磨面粉成套设备-河南成立粮油机械有限公司 | 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 - 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 | 臭氧灭菌箱-油桶加热箱-原料桶加热融化烘箱-南京腾阳干燥设备厂 臭氧发生器_臭氧消毒机 - 【同林品牌 实力厂家】 | 多米诺-多米诺世界纪录团队-多米诺世界-多米诺团队培训-多米诺公关活动-多米诺创意广告-多米诺大型表演-多米诺专业赛事 | 除甲醛公司-甲醛检测治理-杭州创绿家环保科技有限公司-室内空气净化十大品牌 | MOOG伺服阀维修,ATOS比例流量阀维修,伺服阀维修-上海纽顿液压设备有限公司 | 双能x射线骨密度检测仪_dxa骨密度仪_双能x线骨密度仪_品牌厂家【品源医疗】 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库-首页-东莞市傲马网络科技有限公司 | 全自动实验室洗瓶机,移液管|培养皿|进样瓶清洗机,清洗剂-广州摩特伟希尔机械设备有限责任公司 | 西门子伺服电机维修,西门子电源模块维修,西门子驱动模块维修-上海渠利 | CE认证_FCC认证_CCC认证_MFI认证_UN38.3认证-微测检测 CNAS实验室 | WF2户外三防照明配电箱-BXD8050防爆防腐配电箱-浙江沃川防爆电气有限公司 | 衬四氟_衬氟储罐_四氟储罐-无锡市氟瑞特防腐科技有限公司 | 食安观察网 | 517瓜水果特产网|一个专注特产好物的网站 | 定量包装机,颗粒定量包装机,粉剂定量包装机,背封颗粒包装机,定量灌装机-上海铸衡电子科技有限公司 | 网站制作优化_网站SEO推广解决方案-无锡首宸信息科技公司 | 香蕉筛|直线|等厚|弧形|振动筛|香蕉筛厂家-洛阳隆中重工 | 飞象网 - 通信人每天必上的网站 全球化工设备网—化工设备,化工机械,制药设备,环保设备的专业网络市场。 |