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

您的位置:首頁技術文章
文章詳情頁

JavaScript 中的面向對象編程

瀏覽:2日期:2023-11-17 11:50:46
 介紹

JavaScript 是一個強大的面向對象編程語言,但是,并不像傳統的編程語言,它采用一個以原型為基礎的OOP模型,致使它的語法讓大多數開發人員看不懂。另外,JavaScript 也把函數作為首要的對象,這可能會給不夠熟悉這門語言的開發人員造成更大的困惑。那就是我們決定放在前面作為一個簡短前言進行介紹的原因,并且在 JavaScript 里也可以用作面向對象編程的一個參考。

JavaScript 中的面向對象編程

這個文檔沒有提供一個面向對象編程的規則預覽,但有它們的接口概述。

 命名空間

隨著越來越多的第三方庫,框架和web依賴的出現,JavaScript發展中的命名空間是勢在必行的,我們得盡量避免在全局命名空間的對象和變量的沖突。

不幸的是,JavaScript沒有提供支持命名空間的編譯,但是我們可以使用對象來得到同樣結果。在JavaScript中我們有許多種模式來實現命名空間接口,但是我們覆蓋嵌套的命名空間,它在該領域是最常用的模式。

嵌套命名空間

嵌套的命名空間模式使用對象字面量來捆綁一個特定應用的特定名字的功能。

我們最初創建一個全局對象,并且賦值給一個稱為MyApp的變量。

上述的語法會檢查MyApp是否已經被定義過。假如它已經被定義過,我們簡單地把它賦值給自己,但是,我們創建一個空的容器來裝載我們的函數和變量。

我們也可以使用相同技術來創建子命名空間。例如:

JavaScript 中的面向對象編程

我們一旦啟動我們的容器,我們可以在(容器)內部定義我們的函數和變量,并且在全局命名空間調用它們,不需要冒著與現有定義沖突的風險。

JavaScript 中的面向對象編程

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

 對象

如果你寫過 JavaScript 代碼,那你已經使用過對象了。JavaScript 有三種類型的對象:

原生對象

原生對象是語言規范的一部分,不管在什么樣的運行環境下運行,原生對象都可用。原生對象包括:Array、Date、Math 和 parseInt 等。想了解所有原生對象,請參閱 JavaScript 內建對象參考

JavaScript 中的面向對象編程

宿主對象

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

JavaScript 中的面向對象編程

用戶對象

用戶對象(或植入對象)是在我們的代碼中定義的對象,在運行的過程中創建。JavaScript 中有兩種方式創建自己的對象,下面詳述。

 對象字面量

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

現在定義一個對象字面量并賦予一個變量:

JavaScript 中的面向對象編程

向這個對象字面量添加屬性和方法,然后在全局作用域訪問:

JavaScript 中的面向對象編程

這看起來和前面的命名空間很像,但這并不是巧合。字面量對象最典型的用法就是把代碼封裝起來,使之在一個封裝的包中,以避免與全局作用域中的變量或對象發生沖突。由于類似的原因,它也常常用于向插件或對象傳遞配置參數。

如果你熟悉設計模式的話,對象字面量在某種程度上來說就是單例,就是那種只有一個實例的模式。對象字面量先天不具備實例化和繼承的能力,我們接下來還得了解 JavaScript 中另一種創建自定義對象的方法。

 構造函數定義構造函數

函數是 JavaScript 一等公民,就是說其它實體支持的操作函數都支持。在 JavaScript 的世界,函數可以在運行時進行動態構造,可以作為參數,也可以作為其它函數的返回值,也可被賦予變量。而且,函數也可以擁有自己的屬性和方法。JavaScript 中函數的特性使之成為可以實體化和繼承的東西。

來看看怎么用構造函數創建一個自定義的對象:

JavaScript 中的面向對象編程

創建構造函數類似于創建普通函數,只有一點例外:用 this 關鍵字定義自發性和方法。一旦函數被創建,就可以用 new 關鍵字來生成實例并賦予變量。每次使用 new 關鍵字,this 都指向一個新的實例。

構建函數實例化和傳統面向對象編程語言中的通過類實例化并非完全不同,但是,這里存在一個可能不易被察覺的問題。

當使用 new 關鍵字創建新對象的時候,函數塊會被反復執行,這使得每次運行都會產生新的匿名函數來定義方法。這就像創建新的對象一樣,會導致程序消耗更多內存。這個問題在現代瀏覽器上運行的程序中并不顯眼。但隨著應用規則地擴大,在舊一點的瀏覽器、計算機或者低電耗設備中就會出現性能問題。不過不用擔心,有更好的辦法將方法附加給構造函數(是不會污染全局環境的哦)。

方法和原型

前面介紹中提到 JavaScript 是一種基于原型的編程語言。在 JavaScript 中,可以把原型當作對象模板一樣來使用。原型能避免在實例化對象時創建多余的匿名函數和變量。

在 JavaScript 中,prototype 是一個非常特別的屬性,可以讓我們為對象添加新的屬性和方法?,F在用原型重寫上面的示例看看:

JavaScript 中的面向對象編程

這個示例中,不再為每個 Person 實例定義 sayHey 方法,而是通過原型模板在各實例中共享這個方法。

 繼承性

通過原型鏈,原型可以用來實例繼承。JavaScript 的每一個對象都有原型,而原型是另外一個對象,也有它自己的原型,周而復始...直到某個原型對象的原型是 null——原型鏈到此為止。

在訪問一個方法或屬性的時候,JavaScript 首先檢查它們是否在對象中定義,如果不,則檢查是否定義在原型中。如果在原型中也沒找到,則會延著原型鏈一直找下去,直到找到,或者到達原型鏈的終端。

現在來看看代碼是怎么實現的??梢詮纳弦粋€示例中的 Person 對象開始,另外再創建一個叫 Employee 的對象。

JavaScript 中的面向對象編程

現在 Employee 只有一個屬性。不過既然員工也屬于人,我們希望它能從 Person 繼承其它屬性。要達到這個目的,我們可以在 Employee 對象中調用 Person 的構造函數,并配置原型鏈。

JavaScript 中的面向對象編程

要適應原型繼承還需要一些時間,但是這一個必須熟悉的重要概念。雖然原型繼承模型常常被認為是 JavaScript 的弱點,但實際上它比傳統模型更強大。比如說,在掌握了原型模型之后創建傳統模型簡直就太容易了。

ECMAScript 6 引入了一組新的關鍵字用于實現 類。雖然新的設計看起來與傳統基于類的開發語言非常接近,但它們并不相同。JavaScript 仍然基于原型。

 結論

JavaScript已經經過了長時間的發展,在此期間,按今天的標準來看,一些本不應該使用的方法,卻被大量開發者使用著。根據 ES2015 的介紹,這種狀況正開始慢慢改變,然而,許多開發人員仍然堅持使用一些舊的編程方式,這損害了他們的代碼的關聯性。理解面向對象編程方法,并將它應用在你的JavaScript項目中,對于編寫可持續的代碼非常有意義。

我希望這個簡短的介紹將有助于你達到這個目標。

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

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 防锈油-助焊剂-光学玻璃清洗剂-贝塔防锈油生产厂家 | 匀胶机旋涂仪-声扫显微镜-工业水浸超声-安赛斯(北京)科技有限公司 | 东莞喷砂机-喷砂机-喷砂机配件-喷砂器材-喷砂加工-东莞市协帆喷砂机械设备有限公司 | 小型UV打印机-UV平板打印机-大型uv打印机-UV打印机源头厂家 |松普集团 | 翰香原枣子坊加盟费多少钱-正宗枣核糕配方培训利润高飘香 | 高效复合碳源-多核碳源生产厂家-污水处理反硝化菌种一长隆科技库巴鲁 | 杭州画室_十大画室_白墙画室_杭州美术培训_国美附中培训_附中考前培训_升学率高的画室_美术中考集训美术高考集训基地 | 房屋质量检测-厂房抗震鉴定-玻璃幕墙检测-房屋安全鉴定机构 | 注塑模具_塑料模具_塑胶模具_范仕达【官网】_东莞模具设计与制造加工厂家 | 有机肥设备生产制造厂家,BB掺混肥搅拌机、复合肥设备生产线,有机肥料全部加工设备多少钱,对辊挤压造粒机,有机肥造粒设备 -- 郑州程翔重工机械有限公司 | 喷播机厂家_二手喷播机租赁_水泥浆洒布机-河南青山绿水机电设备有限公司 | 房车价格_依维柯/大通/东风御风/福特全顺/江铃图片_云梯搬家车厂家-程力专用汽车股份有限公司 | 上海单片机培训|重庆曙海培训分支机构—CortexM3+uC/OS培训班,北京linux培训,Windows驱动开发培训|上海IC版图设计,西安linux培训,北京汽车电子EMC培训,ARM培训,MTK培训,Android培训 | 海鲜池-专注海鲜鱼缸、移动海鲜缸、饭店鱼缸设计定做-日晟水族厂家 | 全自动包装秤_全自动上袋机_全自动套袋机_高位码垛机_全自动包装码垛系统生产线-三维汉界机器(山东)股份有限公司 | 湖南自考_湖南自学考试网| 能耗监测系统-节能监测系统-能源管理系统-三水智能化 | 行星搅拌机,双行星搅拌机,动力混合机,无锡米克斯行星搅拌机生产厂家 | 警用|治安|保安|不锈钢岗亭-售货亭价格-垃圾分类亭-移动厕所厂家-苏州灿宇建材 | 粘弹体防腐胶带,聚丙烯防腐胶带-全民塑胶| 步进电机_agv电机_伺服马达-伺服轮毂电机-和利时电机 | 不锈钢水箱厂家,不锈钢保温水箱-山东桑特供水设备 | 长沙一级消防工程公司_智能化弱电_机电安装_亮化工程专业施工承包_湖南公共安全工程有限公司 | 深圳彩钢板_彩钢瓦_岩棉板_夹芯板_防火复合彩钢板_长鑫 | 超声波电磁流量计-液位计-孔板流量计-料位计-江苏信仪自动化仪表有限公司 | 微动开关厂家-东莞市德沃电子科技有限公司 | 捆扎机_气动捆扎机_钢带捆扎机-沈阳海鹞气动钢带捆扎机公司 | 电加热导热油炉-空气加热器-导热油加热器-翅片电加热管-科安达机械 | 酸度计_PH计_特斯拉计-西安云仪 纯水电导率测定仪-万用气体检测仪-低钠测定仪-米沃奇科技(北京)有限公司www.milwaukeeinst.cn | 合肥角钢_合肥槽钢_安徽镀锌管厂家-昆瑟商贸有限公司 | 超声波成孔成槽质量检测仪-压浆机-桥梁预应力智能张拉设备-上海硕冠检测设备有限公司 | 众品家具网-家具品牌招商_家具代理加盟_家具门户的首选网络媒体。 | 无压烧结银_有压烧结银_导电银胶_导电油墨_导电胶-善仁(浙江)新材料 | 电解抛光加工_不锈钢电解抛光_常州安谱金属制品有限公司 | 爱德华真空泵油/罗茨泵维修,爱发科-比其尔产品供应东莞/杭州/上海等全国各地 | 校车_校车价格_19座幼儿园校车_幼儿园校车_大鼻子校车 | 蜘蛛车-登高车-高空作业平台-高空作业车-曲臂剪叉式升降机租赁-重庆海克斯公司 | 卓能JOINTLEAN端子连接器厂家-专业提供PCB接线端子|轨道式端子|重载连接器|欧式连接器等电气连接产品和服务 | 打包钢带,铁皮打包带,烤蓝打包带-高密市金和金属制品厂 | PU树脂_水性聚氨酯树脂_聚氨酯固化剂_聚氨酯树脂厂家_宝景化工 | 上海律师咨询_上海法律在线咨询免费_找对口律师上策法网-策法网 广东高华家具-公寓床|学生宿舍双层铁床厂家【质保十年】 |