function fn1(){

  //创建一个数组

  var fns = new Array();

  //i这个变量是保存在fn1这个作用域中

  for(var i=0;i<10;i++){

    //数组中的值是一组函数

    fns[i] = function(){

      return i; 

    } 

  }

  return fns;

}

var fs = fn1();

for(var i=0;i<fs.length;i++){

  //此时通过闭包来调用全部的函数,当要输出i的时候会在它所在的定义域(fn1)中找到它,

  //此时它已变为10。所以连续输出了10个10

  console.log(fs[i]()); 

} //输出:10

---------------------------解决方式------------------------------

function fn1(){

  //创建了一个数组

  var fns = new Array();

  //i这个变量是保存在fn1这个作用域中

  for(var i=0;i<10;i++){

    //num这个变量保存在tf作用域。每个闭包的num都是不一样的

    //所以此时所消耗的内存较大。

    var tf = function(num){

      fns[num] = function(){

        return num; 

      }

    }

    tf(i);

  }

  return fns;

}

var fs = fn1();

for(var i=0;i<fs.length;i++){

  //

  console.log(fs[i]()); 

} //输出:0 ~ 9

---------------------------块作用域------------------------------

for(var i=0;i<10;i++){

   

}

//在js中没有块作用域。无论是使用循环还是推断之后,这个变量一直存在

/**

 * 所以当在全局使用某个变量进行循环或推断之后,这个变量可能会影响到函数的变量,所以

 * 所以在特殊情况下不要使用全局变量。并且全局变量在作用域链的最上层。訪问是最慢的。

 */

console.log(i);

function fn1(){

  console.log(i); 

}

fn1();

/**

 * 在一个团队进行开发中,可能会涉及到定义同名的全局变量,所以在开发中要养成一个好习惯:

 * 将全局变量代码放到一个匿名函数。而且立即调用匿名函数,这样也能够运行全局变量的代码。

 * 可是这些变量被控制在开发者想要控制的作用域中。

*/

解决的方法:将块作用域定义在一个匿名函数中。

(function(){

  for(var i=0;i<10;i++){

   

  }  

})(); //在function的{}后不能直接调用。一定要加把匿名函数放在()内再运行。

---------------------------私有变量------------------------------

function Person(name){

  /**

   *此时没有办法直接訪问name这个属性,由于没有this.name,

   *要訪问name仅仅能通过this.getName获取。通过this.setName设置

   */

  this.setName = function(value){

    name = value;

  } 

  this.getName = function(){

    return name; 

  }

}

var p = new Person("zhang"); //zhang

console.log(p.getName());

p.setName("li");

console.log(p.getName()); //li

/**可是使用这样的方式创建私有变量带来的问题是每一个对象要存储大量函数。

 * 解决办法是通过静态私有变量来解决。

 */

---------------------------解决方式------------------------------

var Person;

(function(){

  //name在函数结束之后就消失,在外面无法使用

  var name = "";

  Person = function(value){

    name = value;

  }

  Person.prototype.setName = function(value){

    name = value;

  }

  Person.prototype.getName = function(){

    return name;

  }

})();

var p1 = new Person("aaa"); //aaa

console.log(p1.getName());

p1.setName("bbb"); //bbb

console.log(p1.getName());

原创文章如转载。请注明出处,本文首发于csdn站点:http://blog.csdn.net/magneto7/article/details/25459099

版权声明:本文博客原创文章。博客,未经同意,不得转载。

js:进一步关闭(范围:下一个)的更多相关文章

  1. 一个js程序:离下一个圣诞节还有多少天?

    话不多说上代码: //离下一个圣诞节还有多少天 var christ=new Date(); christ.setMonth(11); christ.setDate(25); var year=now ...

  2. JS window对象 返回下一个浏览的页面 forward()方法,加载 history 列表中的下一个 URL。

    返回下一个浏览的页面 forward()方法,加载 history 列表中的下一个 URL. 如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下: window.hi ...

  3. js获取上一个月、下一个月格式为yyyy-mm-dd的日期

    /** * 获取上一个月 * * @date 格式为yyyy-mm-dd的日期,如:2014-01-25 */ function getPreMonth(date) { var arr = date. ...

  4. js jquery获取当前元素的兄弟级 上一个 下一个元素

    原博地址:http://www.jb51.net/article/71782.htm var chils= s.childNodes;  //得到s的全部子节点 var par=s.parentNod ...

  5. JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法

    $(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; ; i & ...

  6. js jquery获取当前元素的兄弟级 上一个 下一个元素 jquery如何获取第一个或最后一个子元素

    var chils= s.childNodes;  //得到s的全部子节点 var par=s.parentNode;   //得到s的父节点 var ns=s.nextSbiling;   //获得 ...

  7. JS 如何获取当前上一个月、下一个月和月份所含天数

    在数据报表查询中,经常需要设置查询的日期区间,如查询2018-02-01至2018-02-28的整月数据,这时需要提供快捷整月查询按钮: 如: 一般日期年月日之间由"-"或者&qu ...

  8. 用CSS画小猪佩奇,你就是下一个社会人! js将“I am a coder”反转成 “coder a am I”,不许用split,join,subString,reverse;求解方法三

    用CSS画小猪佩奇,你就是下一个社会人!   欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:江志耿 | 腾讯TEG网络工程师 我是佩奇,哼,这是我的弟弟乔治,呱呱,这是我的妈妈,嚯 ...

  9. js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval

    需求: input控件在失去焦点后直接做验证,验证通不过的话,显示相应错误.但是如果失去焦点后点击的下个控件是比较特殊的控件(比如,退出系统),那么不执行验证操作,直接退出系统(防止在系统退出前,还显 ...

随机推荐

  1. cocos2d学习笔录1

    CCDirector的主要作用: 1.访问和改变场景: 2.访问cocos2d-x的配置细节 3.访问视图(OPENGL,UIVIEW,UIWINDOW): 4.暂停,恢复和结束游戏: 5.在UIKi ...

  2. 博弈问题之SG函数博弈小结

    SG函数: 给定一个有向无环图和一个起始顶点上的一枚棋子,两名选手交替的将这枚棋子沿有向边进行移动,无法移 动者判负.事实上,这个游戏可以认为是所有Impartial Combinatorial Ga ...

  3. Storm流计算之项目篇(Storm+Kafka+HBase+Highcharts+JQuery,含3个完整实际项目)

    1.1.课程的背景 Storm是什么? 为什么学习Storm? Storm是Twitter开源的分布式实时大数据处理框架,被业界称为实时版Hadoop. 随着越来越多的场景对Hadoop的MapRed ...

  4. 性能测试之LoardRunner 检查点

    概述 1.检查点概念 2.实例 以下是详细介绍 检查点:首先来看一下VuGen确定脚本运行成功的判断条件.在录制编写脚本后,通常就会进行回放,如果回放通过没有错误,就认为脚本是正确的.究竟VuGen怎 ...

  5. 简化ui文件转换写法

    在命令行敲一串长的命令.枯燥麻烦. #coding:utf-8 import sys import os import subprocess if len(sys.argv) == 2: #节省输入, ...

  6. Servlet的学习(三)

    本篇接上一篇<Servlet的学习(二)> ,主要讲诉如何使用MyEclipse来开发Servlet,和导入Servlet所需要的源代码. 现在我们来创建一个web应用,就叫[myserv ...

  7. 2015 Multi-University Training Contest 8

    Hdu 5385 The path 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5385 题意:有一个联通的有向图,d(x)用来记录从1点到x点的最短 ...

  8. linux进程解析--进程的创建

    通常我们在代码中调用fork()来创建一个进程或者调用pthread_create()来创建一个线程,创建一个进程需要为其分配内存资源,文件资源,时间片资源等,在这里来描述一下linux进程的创建过程 ...

  9. [IOS]Setting Bundle + StoryBoard

    用storyboard添加一个导航栏,其中首页有一个switch,与setting联动,还有一个button,使用modal连接另一个viewControl,其上也有一个按钮,按下销毁本viewCon ...

  10. HDU 4344 随机法判素数(费马小定理

    #include <cstdio> #include <ctime> #include <cmath> #include <algorithm> usi ...