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

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

JavaScript 中的面向?qū)ο缶幊?/h1>
瀏覽:5日期:2023-11-17 11:50:46
 介紹

JavaScript 是一個(gè)強(qiáng)大的面向?qū)ο缶幊陶Z(yǔ)言,但是,并不像傳統(tǒng)的編程語(yǔ)言,它采用一個(gè)以原型為基礎(chǔ)的OOP模型,致使它的語(yǔ)法讓大多數(shù)開(kāi)發(fā)人員看不懂。另外,JavaScript 也把函數(shù)作為首要的對(duì)象,這可能會(huì)給不夠熟悉這門語(yǔ)言的開(kāi)發(fā)人員造成更大的困惑。那就是我們決定放在前面作為一個(gè)簡(jiǎn)短前言進(jìn)行介紹的原因,并且在 JavaScript 里也可以用作面向?qū)ο缶幊痰囊粋€(gè)參考。

JavaScript 中的面向?qū)ο缶幊? src=

這個(gè)文檔沒(méi)有提供一個(gè)面向?qū)ο缶幊痰囊?guī)則預(yù)覽,但有它們的接口概述。

 命名空間

隨著越來(lái)越多的第三方庫(kù),框架和web依賴的出現(xiàn),JavaScript發(fā)展中的命名空間是勢(shì)在必行的,我們得盡量避免在全局命名空間的對(duì)象和變量的沖突。

不幸的是,JavaScript沒(méi)有提供支持命名空間的編譯,但是我們可以使用對(duì)象來(lái)得到同樣結(jié)果。在JavaScript中我們有許多種模式來(lái)實(shí)現(xiàn)命名空間接口,但是我們覆蓋嵌套的命名空間,它在該領(lǐng)域是最常用的模式。

嵌套命名空間

嵌套的命名空間模式使用對(duì)象字面量來(lái)捆綁一個(gè)特定應(yīng)用的特定名字的功能。

我們最初創(chuàng)建一個(gè)全局對(duì)象,并且賦值給一個(gè)稱為MyApp的變量。

上述的語(yǔ)法會(huì)檢查MyApp是否已經(jīng)被定義過(guò)。假如它已經(jīng)被定義過(guò),我們簡(jiǎn)單地把它賦值給自己,但是,我們創(chuàng)建一個(gè)空的容器來(lái)裝載我們的函數(shù)和變量。

我們也可以使用相同技術(shù)來(lái)創(chuàng)建子命名空間。例如:

JavaScript 中的面向?qū)ο缶幊? src=

我們一旦啟動(dòng)我們的容器,我們可以在(容器)內(nèi)部定義我們的函數(shù)和變量,并且在全局命名空間調(diào)用它們,不需要冒著與現(xiàn)有定義沖突的風(fēng)險(xiǎn)。

JavaScript 中的面向?qū)ο缶幊? src=

在JavaScript命名模式的一個(gè)內(nèi)部概述是由Goggle的Addy Osmani在Essential JavaScript Namespacing Patterns的文章中介紹的。假如你想探索不同的模式,這里將是一個(gè)美好的起點(diǎn)。

 對(duì)象

如果你寫過(guò) JavaScript 代碼,那你已經(jīng)使用過(guò)對(duì)象了。JavaScript 有三種類型的對(duì)象:

原生對(duì)象

原生對(duì)象是語(yǔ)言規(guī)范的一部分,不管在什么樣的運(yùn)行環(huán)境下運(yùn)行,原生對(duì)象都可用。原生對(duì)象包括:Array、Date、Math 和 parseInt 等。想了解所有原生對(duì)象,請(qǐng)參閱 JavaScript 內(nèi)建對(duì)象參考

JavaScript 中的面向?qū)ο缶幊? src=

宿主對(duì)象

與原生對(duì)象不同,宿主對(duì)象是由 JavaScript 代碼運(yùn)行的環(huán)境創(chuàng)建。不同的環(huán)境環(huán)境創(chuàng)建有不同的宿主對(duì)象。這些宿主對(duì)象在多數(shù)情況下都允許我們與之交互。如果我們寫的是在瀏覽器(這是其中一種運(yùn)行環(huán)境)上運(yùn)行的代碼,會(huì)有 window、document、location 和 history 等宿主對(duì)象。

JavaScript 中的面向?qū)ο缶幊? src=

用戶對(duì)象

用戶對(duì)象(或植入對(duì)象)是在我們的代碼中定義的對(duì)象,在運(yùn)行的過(guò)程中創(chuàng)建。JavaScript 中有兩種方式創(chuàng)建自己的對(duì)象,下面詳述。

 對(duì)象字面量

在前面演示創(chuàng)建命名空間的時(shí)候,我們已經(jīng)接觸到了對(duì)象字面量。現(xiàn)在來(lái)搞清楚對(duì)象字面量的定義:對(duì)象字面量是置于一對(duì)花括號(hào)中的,由逗號(hào)分隔的名-值對(duì)列表。對(duì)象字面量可擁有變量(屬性)和函數(shù)(方法)。像 JavaScript 中的其它對(duì)象一樣,它也可以作為函數(shù)的參數(shù),或者返回值。

現(xiàn)在定義一個(gè)對(duì)象字面量并賦予一個(gè)變量:

JavaScript 中的面向?qū)ο缶幊? src=

向這個(gè)對(duì)象字面量添加屬性和方法,然后在全局作用域訪問(wèn):

JavaScript 中的面向?qū)ο缶幊? src=

這看起來(lái)和前面的命名空間很像,但這并不是巧合。字面量對(duì)象最典型的用法就是把代碼封裝起來(lái),使之在一個(gè)封裝的包中,以避免與全局作用域中的變量或?qū)ο蟀l(fā)生沖突。由于類似的原因,它也常常用于向插件或?qū)ο髠鬟f配置參數(shù)。

如果你熟悉設(shè)計(jì)模式的話,對(duì)象字面量在某種程度上來(lái)說(shuō)就是單例,就是那種只有一個(gè)實(shí)例的模式。對(duì)象字面量先天不具備實(shí)例化和繼承的能力,我們接下來(lái)還得了解 JavaScript 中另一種創(chuàng)建自定義對(duì)象的方法。

 構(gòu)造函數(shù)定義構(gòu)造函數(shù)

函數(shù)是 JavaScript 一等公民,就是說(shuō)其它實(shí)體支持的操作函數(shù)都支持。在 JavaScript 的世界,函數(shù)可以在運(yùn)行時(shí)進(jìn)行動(dòng)態(tài)構(gòu)造,可以作為參數(shù),也可以作為其它函數(shù)的返回值,也可被賦予變量。而且,函數(shù)也可以擁有自己的屬性和方法。JavaScript 中函數(shù)的特性使之成為可以實(shí)體化和繼承的東西。

來(lái)看看怎么用構(gòu)造函數(shù)創(chuàng)建一個(gè)自定義的對(duì)象:

JavaScript 中的面向?qū)ο缶幊? src=

創(chuàng)建構(gòu)造函數(shù)類似于創(chuàng)建普通函數(shù),只有一點(diǎn)例外:用 this 關(guān)鍵字定義自發(fā)性和方法。一旦函數(shù)被創(chuàng)建,就可以用 new 關(guān)鍵字來(lái)生成實(shí)例并賦予變量。每次使用 new 關(guān)鍵字,this 都指向一個(gè)新的實(shí)例。

構(gòu)建函數(shù)實(shí)例化和傳統(tǒng)面向?qū)ο缶幊陶Z(yǔ)言中的通過(guò)類實(shí)例化并非完全不同,但是,這里存在一個(gè)可能不易被察覺(jué)的問(wèn)題。

當(dāng)使用 new 關(guān)鍵字創(chuàng)建新對(duì)象的時(shí)候,函數(shù)塊會(huì)被反復(fù)執(zhí)行,這使得每次運(yùn)行都會(huì)產(chǎn)生新的匿名函數(shù)來(lái)定義方法。這就像創(chuàng)建新的對(duì)象一樣,會(huì)導(dǎo)致程序消耗更多內(nèi)存。這個(gè)問(wèn)題在現(xiàn)代瀏覽器上運(yùn)行的程序中并不顯眼。但隨著應(yīng)用規(guī)則地?cái)U(kuò)大,在舊一點(diǎn)的瀏覽器、計(jì)算機(jī)或者低電耗設(shè)備中就會(huì)出現(xiàn)性能問(wèn)題。不過(guò)不用擔(dān)心,有更好的辦法將方法附加給構(gòu)造函數(shù)(是不會(huì)污染全局環(huán)境的哦)。

方法和原型

前面介紹中提到 JavaScript 是一種基于原型的編程語(yǔ)言。在 JavaScript 中,可以把原型當(dāng)作對(duì)象模板一樣來(lái)使用。原型能避免在實(shí)例化對(duì)象時(shí)創(chuàng)建多余的匿名函數(shù)和變量。

在 JavaScript 中,prototype 是一個(gè)非常特別的屬性,可以讓我們?yōu)閷?duì)象添加新的屬性和方法。現(xiàn)在用原型重寫上面的示例看看:

JavaScript 中的面向?qū)ο缶幊? src=

這個(gè)示例中,不再為每個(gè) Person 實(shí)例定義 sayHey 方法,而是通過(guò)原型模板在各實(shí)例中共享這個(gè)方法。

 繼承性

通過(guò)原型鏈,原型可以用來(lái)實(shí)例繼承。JavaScript 的每一個(gè)對(duì)象都有原型,而原型是另外一個(gè)對(duì)象,也有它自己的原型,周而復(fù)始...直到某個(gè)原型對(duì)象的原型是 null——原型鏈到此為止。

在訪問(wèn)一個(gè)方法或?qū)傩缘臅r(shí)候,JavaScript 首先檢查它們是否在對(duì)象中定義,如果不,則檢查是否定義在原型中。如果在原型中也沒(méi)找到,則會(huì)延著原型鏈一直找下去,直到找到,或者到達(dá)原型鏈的終端。

現(xiàn)在來(lái)看看代碼是怎么實(shí)現(xiàn)的。可以從上一個(gè)示例中的 Person 對(duì)象開(kāi)始,另外再創(chuàng)建一個(gè)叫 Employee 的對(duì)象。

JavaScript 中的面向?qū)ο缶幊? src=

現(xiàn)在 Employee 只有一個(gè)屬性。不過(guò)既然員工也屬于人,我們希望它能從 Person 繼承其它屬性。要達(dá)到這個(gè)目的,我們可以在 Employee 對(duì)象中調(diào)用 Person 的構(gòu)造函數(shù),并配置原型鏈。

JavaScript 中的面向?qū)ο缶幊? src=

要適應(yīng)原型繼承還需要一些時(shí)間,但是這一個(gè)必須熟悉的重要概念。雖然原型繼承模型常常被認(rèn)為是 JavaScript 的弱點(diǎn),但實(shí)際上它比傳統(tǒng)模型更強(qiáng)大。比如說(shuō),在掌握了原型模型之后創(chuàng)建傳統(tǒng)模型簡(jiǎn)直就太容易了。

ECMAScript 6 引入了一組新的關(guān)鍵字用于實(shí)現(xiàn) 類。雖然新的設(shè)計(jì)看起來(lái)與傳統(tǒng)基于類的開(kāi)發(fā)語(yǔ)言非常接近,但它們并不相同。JavaScript 仍然基于原型。

 結(jié)論

JavaScript已經(jīng)經(jīng)過(guò)了長(zhǎng)時(shí)間的發(fā)展,在此期間,按今天的標(biāo)準(zhǔn)來(lái)看,一些本不應(yīng)該使用的方法,卻被大量開(kāi)發(fā)者使用著。根據(jù) ES2015 的介紹,這種狀況正開(kāi)始慢慢改變,然而,許多開(kāi)發(fā)人員仍然堅(jiān)持使用一些舊的編程方式,這損害了他們的代碼的關(guān)聯(lián)性。理解面向?qū)ο缶幊谭椒ǎ⑺鼞?yīng)用在你的JavaScript項(xiàng)目中,對(duì)于編寫可持續(xù)的代碼非常有意義。

我希望這個(gè)簡(jiǎn)短的介紹將有助于你達(dá)到這個(gè)目標(biāo)。

本文地址:http://www.oschina.net/translate/object-oriented-programming-javascript

原文地址:http://1bytebeta.com/object-oriented-programming-javascript/

標(biāo)簽: JavaScript
相關(guān)文章:

主站蜘蛛池模板: 东莞市超赞电子科技有限公司 全系列直插/贴片铝电解电容,电解电容,电容器 | 喷砂机厂家_自动除锈抛丸机价格-成都泰盛吉自动化喷砂设备 | 广州市哲铭油墨涂料有限公司,水性漆生产研发基地 | 三防漆–水性三防漆–水性浸渍漆–贝塔三防漆厂家 | ASA膜,ASA共挤料,篷布色母料-青岛未来化学有限公司 | 下水道疏通_管道疏通_马桶疏通_附近疏通电话- 立刻通 | 锤式粉碎机,医药粉碎机,锥式粉碎机-无锡市迪麦森机械制造有限公司 | 骨灰存放架|骨灰盒寄存架|骨灰架厂家|智慧殡葬|公墓陵园管理系统|网上祭奠|告别厅智能化-厦门慈愿科技 | 厂房出租_厂房出售_产业园区招商_工业地产 - 中工招商网 | 磁力轮,磁力联轴器,磁齿轮,钕铁硼磁铁-北京磁运达厂家 | 工业硝酸钠,硝酸钠厂家-淄博「文海工贸」 | 红酒招商加盟-葡萄酒加盟-进口红酒代理-青岛枞木酒业有限公司 | 重庆网站建设,重庆网站设计,重庆网站制作,重庆seo,重庆做网站,重庆seo,重庆公众号运营,重庆小程序开发 | 东莞市踏板石餐饮管理有限公司_正宗桂林米粉_正宗桂林米粉加盟_桂林米粉加盟费-东莞市棒子桂林米粉 | led冷热冲击试验箱_LED高低温冲击试验箱_老化试验箱-爱佩百科 | 彩超机-黑白B超机-便携兽用B超机-多普勒彩超机价格「大为彩超」厂家 | 铝镁锰板_铝镁锰合金板_铝镁锰板厂家_铝镁锰金属屋面板_安徽建科 | 南京泽朗生物科技有限公司-液体饮料代加工_果汁饮料代加工_固体饮料代加工 | 上海公众号开发-公众号代运营公司-做公众号的公司企业服务商-咏熠软件 | 天津力值检测-天津管道检测-天津天诚工程检测技术有限公司 | 丝杆升降机-不锈钢丝杆升降机-非标定制丝杆升降机厂家-山东鑫光减速机有限公司 | 不锈钢螺丝 - 六角螺丝厂家 - 不锈钢紧固件 - 万千紧固件--紧固件一站式采购 | 智慧钢琴-电钢琴-便携钢琴-数码钢琴-深圳市特伦斯乐器有限公司 | 冷油器,取样冷却器,热力除氧器-连云港振辉机械设备有限公司 | 煤矿人员精确定位系统_矿用无线通信系统_煤矿广播系统 | 冷油器-冷油器换管改造-连云港灵动列管式冷油器生产厂家 | 品牌广告服务平台,好排名,好流量,好生意。 | 广州冷却塔维修厂家_冷却塔修理_凉水塔风机电机填料抢修-广东康明节能空调有限公司 | 深圳激光打标机_激光打标机_激光焊接机_激光切割机_同体激光打标机-深圳市创想激光科技有限公司 深圳快餐店设计-餐饮设计公司-餐饮空间品牌全案设计-深圳市勤蜂装饰工程 | WF2户外三防照明配电箱-BXD8050防爆防腐配电箱-浙江沃川防爆电气有限公司 | LOGO设计_品牌设计_VI设计 - 特创易 | 数年网路-免费在线工具您的在线工具箱-shuyear.com | 四川实木门_成都实木门 - 蓬溪聚成门业有限公司 | 掺铥光纤放大器-C/L波段光纤放大器-小信号光纤放大器-合肥脉锐光电技术有限公司 | 齿轮减速机电机一体机_齿轮减速箱加电机一体化-德国BOSERL蜗轮蜗杆减速机电机生产厂家 | 昆山PCB加工_SMT贴片_PCB抄板_线路板焊接加工-昆山腾宸电子科技有限公司 | 北京公司注册_代理记账_代办商标注册工商执照-企力宝 | 房屋质量检测-厂房抗震鉴定-玻璃幕墙检测-房屋安全鉴定机构 | 空心明胶胶囊|植物胶囊|清真胶囊|浙江绿键胶囊有限公司欢迎您! | 京马网,京马建站,网站定制,营销型网站建设,东莞建站,东莞网站建设-首页-京马网 | 开云(中国)Kaiyun·官方网站-登录入口 |