JS实现闭包中的沙箱模式示例


Posted in Javascript onSeptember 07, 2017

本文实例讲述了JS实现闭包中的沙箱模式。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
</body>
<script>
  //闭包实现模块化:沙箱模式   -->设计模式中的模块模式
  //模块化:就是一个能够实现完整功能的独立体(不能被外界污染)
  //一般来说,在开发中会将面向对象和模块化进行混合使用
  //--->使用技巧:把一个功能当成模块,在模块下面使用面向对象来实现
  var Person=(function(){
    //fn是一个局部函数,用户不可以随意修改
    function fn(){
      console.log("fn")
    }
    function Person(){
    }
    Person.prototype={
      constructor:Person,
      s1:function(){
        fn();
      },
      s2:function(){
      }
    }
    return Person;//Person是一个函数,可以访问到这一次执行环境中产生的fn Person的内存地址
    //由于是一个自执行函数,外层函数只会执行一次,导致了Person是唯一的
  })()
  var p1=new Person();
  var p2=new Person();
  //delete Person.prototype.s1;
</script>
</html>

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery+CSS3实现树叶飘落特效
Feb 01 Javascript
JS获取Table中td值的方法
Mar 19 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
May 07 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
JS代码优化的8点建议
Feb 04 Javascript
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 #Javascript
详解vue-cli构建项目反向代理配置
Sep 07 #Javascript
vue数字类型过滤器的示例代码
Sep 07 #Javascript
vue监听scroll的坑的解决方法
Sep 07 #Javascript
react高阶组件经典应用之权限控制详解
Sep 07 #Javascript
React + webpack 环境配置的方法步骤
Sep 07 #Javascript
微信小程序之页面拦截器的示例代码
Sep 07 #Javascript
You might like
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
thinkphp5引入公共部分header、footer的方法详解
2018/09/14 PHP
Prototype 学习 工具函数学习($A方法)
2009/07/12 Javascript
JSON 学习之JSON in JavaScript详细使用说明
2010/02/23 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
关于js内存泄露的一个好例子
2013/12/09 Javascript
javascript实现校验文件上传控件实例
2015/04/20 Javascript
再谈JavaScript异步编程
2016/01/27 Javascript
jQuery soColorPacker 网页拾色器
2016/06/22 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
vue组件实现文字居中对齐的方法
2017/08/23 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
新手快速入门微信小程序组件库 iView Weapp
2019/06/24 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
[05:49]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS 选手采访
2021/03/11 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
Python 加密的实例详解
2017/10/09 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
opencv 图像礼帽和图像黑帽的实现
2020/07/07 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
对孩子的寄语
2014/04/09 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
村官个人总结范文
2015/03/03 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
nginx实现动静分离的方法示例
2021/11/07 Servers
Python用tkinter实现自定义记事本的方法详解
2022/03/31 Python