快捷導(dǎo)航

javascript閉包的高級使用方法實(shí)例

更新時(shí)間：2013年07月04日 15:49:56 作者：

這篇文章介紹了javascript閉包的高級使用方法實(shí)例，有需要的朋友可以參考一下

擴(kuò)展
Code:

var blogModule = (function (my) {
 my.AddPhoto = function () {
//添加內(nèi)部代碼
 };
 return my;
}(blogModule));

Say:
將自身傳進(jìn)方法，然后實(shí)現(xiàn)了方法的擴(kuò)展，有點(diǎn)象零件組裝啊
Code:

復(fù)制代碼代碼如下:

var blogModule = (function (my) {var oldAddPhotoMethod = my.AddPhoto;
 my.AddPhoto = function () {  // 重載方法，依然可通過oldAddPhotoMethod調(diào)用舊的方 }; return my;}(blogModule));

Say:
好處就是可以調(diào)用以前的方法。
克隆與繼承
Code:

復(fù)制代碼代碼如下:

var blogModule = (function (old) { var my = {}, key; for (key in old) { if (old.hasOwnProperty(key)) { my[key] = old[key]; } } var oldAddPhotoMethod = old.AddPhoto; my.AddPhoto = function () { // 克隆以后，進(jìn)行了重寫，當(dāng)然也可以繼續(xù)調(diào)用oldAddPhotoMethod }; return my; } (blogModule));

Say:
簡單的克隆實(shí)現(xiàn)
跨文件共享私有對象
Code:

復(fù)制代碼代碼如下:

var blogModule = (function (my) { var _private = my._private = my._private || {}, _seal = my._seal = my._seal || function () { delete my._private; delete my._seal; delete my._unseal; }, _unseal = my._unseal = my._unseal || function () { my._private = _private; my._seal = _seal; my._unseal = _unseal; }; return my; } (blogModule || {}));

Say:
blogModule._seal()上鎖，_unseal() 開鎖，實(shí)現(xiàn)內(nèi)部變量的私有化。我認(rèn)為這樣實(shí)現(xiàn)并不是最好的，但是我們可以學(xué)習(xí)下這個(gè)開鎖閉鎖的功能。

您可能感興趣的文章:

相關(guān)文章

JavaScript閉包實(shí)例講解
眾所周知，JavaScript沒有塊級作用域，只有函數(shù)作用域。那就意味著定義在函數(shù)中的參數(shù)和變量在函數(shù)外部是不可見的，而在一個(gè)函數(shù)內(nèi)部任何位置定義的變量，在該函數(shù)內(nèi)部任何地方都可見
2014-04-04
Selenium執(zhí)行JavaScript腳本的方法示例
這篇文章主要介紹了Selenium執(zhí)行JavaScript腳本的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
JS實(shí)現(xiàn)的倒計(jì)時(shí)恢復(fù)按鈕點(diǎn)擊功能【可用于協(xié)議閱讀倒計(jì)時(shí)】
這篇文章主要介紹了JS實(shí)現(xiàn)的倒計(jì)時(shí)恢復(fù)按鈕點(diǎn)擊功能,可用于協(xié)議閱讀倒計(jì)時(shí),涉及javascript基于setInterval的時(shí)間定時(shí)觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
JS+HTML5實(shí)現(xiàn)上傳圖片預(yù)覽效果完整實(shí)例【測試可用】
這篇文章主要介紹了JS+HTML5實(shí)現(xiàn)上傳圖片預(yù)覽效果,結(jié)合完整實(shí)例形式分析了javascript上傳圖片本地預(yù)覽的具體操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
js實(shí)現(xiàn)旋轉(zhuǎn)的星空效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)旋轉(zhuǎn)的星空效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
本文主要給大家詳細(xì)介紹Angular和Nodejs、socket.io的使用，以及如何使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室，需要的朋友可以來參考下
2015-08-08
微信小程序之ES6與事項(xiàng)助手的功能實(shí)現(xiàn)
本篇文章主要介紹了微信小程序之ES6與事項(xiàng)助手的功能實(shí)現(xiàn)，具有一定的參考價(jià)值，有興趣的同學(xué)可以了解一下。
2016-11-11
webuploader分片上傳的實(shí)現(xiàn)代碼（前后端分離）
這篇文章主要介紹了webuploader分片上傳的實(shí)現(xiàn)代碼（前后端分離），小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
10個(gè)功能強(qiáng)大的JavaScript動畫庫分享
動畫,從人群中脫穎而出、吸引訪客注意力的絕佳方式,本文將給大家分享10 個(gè)功能強(qiáng)大的 JavaScript 動畫庫,有了這 10 個(gè)功能強(qiáng)大的 JavaScript 庫,創(chuàng)建動畫再簡單不過了,感興趣的同學(xué)可以參考閱讀
2023-09-09
eCharts圖表實(shí)現(xiàn)扇形和折線圖代碼示例
本文概述了前端和后端實(shí)現(xiàn)數(shù)據(jù)可視化圖表的步驟,前端部分涉及引入文件、設(shè)置盒子、發(fā)送請求等,最終通過ECharts初始化圖形,后端則包括定義VO類、處理mapper和業(yè)務(wù)邏輯等,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-09-09