JS實現(xiàn)閉包中的沙箱模式示例
更新時間：2017年09月07日 11:13:47 作者：ITzhongzi
這篇文章主要介紹了JS實現(xiàn)閉包中的沙箱模式,結(jié)合實例形式分析了閉包模塊化實現(xiàn)沙箱模式的原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)閉包中的沙箱模式。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
<script>
//閉包實現(xiàn)模塊化：沙箱模式 -->設(shè)計模式中的模塊模式
//模塊化：就是一個能夠?qū)崿F(xiàn)完整功能的獨立體(不能被外界污染)
//一般來說，在開發(fā)中會將面向?qū)ο蠛湍K化進行混合使用
//--->使用技巧：把一個功能當成模塊，在模塊下面使用面向?qū)ο髞韺崿F(xiàn)
var Person=(function(){
//fn是一個局部函數(shù)，用戶不可以隨意修改
function fn(){
console.log("fn")
}
function Person(){
}
Person.prototype={
constructor:Person,
s1:function(){
fn();
},
s2:function(){
}
}
return Person;//Person是一個函數(shù)，可以訪問到這一次執(zhí)行環(huán)境中產(chǎn)生的fn Person的內(nèi)存地址
//由于是一個自執(zhí)行函數(shù)，外層函數(shù)只會執(zhí)行一次，導致了Person是唯一的
})()
var p1=new Person();
var p2=new Person();
//delete Person.prototype.s1;
</script>
</html>
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
IE中g(shù)etElementsByName()對有些元素無效的解決方案
這篇文章主要介紹了IE中g(shù)etElementsByName()對有些元素無效的解決方案,很簡單，很實用，需要的朋友可以參考下2014-09-09
利用BootStrap的Carousel.js實現(xiàn)輪播圖動畫效果
這篇文章主要介紹了利用BootStrap的Carousel.js實現(xiàn)輪播圖動畫效果的相關(guān)資料,需要的朋友可以參考下2016-12-12
選擇表情插入文本域的時候，顯示的是類似[哈哈]這樣的字符串，下面是把表情字符串轉(zhuǎn)換為圖片表情的一種方法2014-04-04
這篇文章主要介紹了JavaScript分頁功能的實現(xiàn)方法,涉及javascript操作分頁的相關(guān)技巧,需要的朋友可以參考下2015-04-04
全面解析JS字符串和正則表達式中的match、replace、exec等函數(shù)
這篇文章主要介紹了全面解析JS字符串和正則表達式中的match、replace、exec等函數(shù)的相關(guān)資料,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單的音樂播放器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
javascript過濾數(shù)組重復元素的實現(xiàn)方法
這篇文章主要介紹了javascript過濾數(shù)組重復元素的實現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2017-05-05
微信小程序?qū)崿F(xiàn)多個按鈕的顏色狀態(tài)轉(zhuǎn)換
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)多個按鈕的顏色狀態(tài)轉(zhuǎn)換，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
圖片格式的JavaScript和CSS速查手冊...2007-08-08
微信小程序?qū)崙?zhàn)之頂部導航欄(選項卡)(1)
這篇文章主要為大家詳細介紹了微信小程序?qū)崙?zhàn)之頂部導航欄的相關(guān)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04