首页 / JAVASCRIPT / JavaScript 使用闭包保护变量 防止污染

JavaScript 使用闭包保护变量 防止污染

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript 使用闭包保护变量 防止污染，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1391字，纯文字阅读大概需要2分钟。

内容图文

使用JavaScript编写插件或团队协作时，可使用闭包来解决此类以下两个问题：

1、定义过多全局变量，可能会造成全局变量命名冲突；

2、在插件内定义变量，需要保护该变量不被轻易修改；

 

优点：可以把局部变量驻留在内存中,可以避免使用全局变量；在调用过后不会被垃圾机制回收；

缺点：避免滥用闭包，占用更多内存的缺点，用完要及时让垃圾回收器回收 （ fn=null）应及时解除引用，否则会占用更多存；

 

闭包简单示例

最后一步return了一个函数，这个函数callName可将闭包内部变量值取出，也就避免了变量污染；

var name = "外部name";
var init = (function(){
    var name = "内部name";
    function callName(){
        console.log(name);
        //打印name
    }
    return function(){
        callName();
        //形成接口
    }
}());
init();

 

如果需要对重要参数防止被篡改，可使用闭包规定变量的getter和setter

例如

const CHANGE_FONT_SILE='CHANGE_FONT_SILE';
//设置一个闭包，把变量保护起来，通过返回值调用
function createStore() {
  let appState={
    fontSize:'26px',
    title:{
      text:'标题',
      color:'red'
    },
    content:{
      text:'类容',
      color:'green'
    }
  }
  //保护变量被修改，深克隆
  let getter=()=>JSON.parse(JSON.stringify(appState));
  //改变变量的方法，action代表一个命令对象，就是一个普通的js对象，起码需要一个字段控制命令类型type
  let setter=(action)=>{
    switch(action.type){
      case CHANGE_FONT_SILE:
        appState.fontSize=action.fontSize;
      default:
        return;
    }
  }
  //返回出去的修改和取值的接口
 return{
   getter,
   setter
 }
}
let store=createStore();
//取值函数
store.getter().fontSize;
//修改函数
store.setter({type:CHANGE_FONT_SILE,fontSize:'30px'});

 

 

参考链接   参考链接

 

内容总结

以上是互联网集市为您收集整理的JavaScript 使用闭包保护变量 防止污染全部内容，希望文章能够帮你解决JavaScript 使用闭包保护变量 防止污染所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/850828.html

来源：【匿名】