码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript——封装

时间:2017-12-05 20:15:51      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:ima   his   script   style   ons   关系   png   使用   声明   

封装:使用对象封装的好处是可以减少全局变量污染的机会,讲属性,函数都隶属一个对象。

封装前:

<script>

  var name="foo"; //name是全局的,被暴露
  i=1; //全局的,没有var关键字声明的变量是全局的,与位置关系不大
  function show(){ //show 是全局的,被暴露
    console.log("name->"+name);
    console.log(++i);
  }

  //i是全局的 2
  show(); 
  //3
  show();

</script>

运行结果:

技术分享图片

封装后:

//对外只暴露bar,使用闭包封装
    var bar=function(){
    var i=1;
        return{
            name:"bar",
            show:function(){
            console.log("name->"+this.name);
            console.log(++i);
            }
        };
    };

    var bar1=bar();
    //2
    bar1.show();
    //3
    bar1.show();

    var bar2=bar();
    //2,因为被封装,且闭包,i是局部私有的
    bar2.show();

运行结果:

技术分享图片

 

JavaScript——封装

标签:ima   his   script   style   ons   关系   png   使用   声明   

原文地址:http://www.cnblogs.com/laizhouzhou/p/7902857.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!