1.作为命名空间的函数
有时候我们需要声明很多变量。这样的变量会污染全局变量并且可能与别人声明的变量产生冲突。
这时。解决办法是将代码放入一个函数中，然后调用这个函数。这样全局变量就变成了
局部变量。
如：
function my(){

}

my();    //别忘记调用
这段代码定义了一个单独的全局变量：名叫"my"的函数。
我们还可以这么写，定义一个匿名函数：
(function(){       //这里第一个左括号是必须的，如果不写，JavaScript解析器会将

                           //function解析成函数声明语句，使用的话解析成函数定义表达式

}())    //这里的()的作用是，函数定义完毕后立即调用它。
 
2.闭包
理解一（某书）：
函数的执行依赖于变量作用域。为了实现这种词法作用域，必须引用当前的作用域链。
函数对象可以通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，
这种特性在计算机科学中称为“闭包”。
从技术角度上讲，所有的JavaScript函数都是闭包：他们都是对象，他们都关联到作用域链。
调用函数时闭包所指向的作用域链和定义函数时的作用域链不是同一个作用域链时，事情就变得非常微妙。
 
理解二（某书）：
闭包是指有权访问另一个函数作用域中的变量的函数。
创建闭包的常见方式：就是在一个函数内部创建另一个函数。
 
这里照搬书上的解释：
函数被调用的时候会发生什么？
当函数被调用的时候，会创建一个执行环境和作用域链然后使用参数来初始化函数的活动对象。在作用域链中，外部函数的活动对象始终处于第二位。
 
一般来讲，当函数执行完毕后，局部活动对象(我理解为局部变量)就会被销毁，内存中仅保存全局作用域(全局执行环境的变量对象)。
作用域链的作用是保证对执行环境的所有变量和函数的访问。
但是在闭包中情况则不同！
内部函数会将外部函数的活动对象添加到它的作用域链中。在匿名函数从外部函数被返回后，它的作用域链被初始化为包含外部函数的活动对象和全局变量的对象。
 
这样匿名函数就可访问外部函数中定义的所有变量。当外部函数执行完毕后，其活动对象也不会被销毁。因为匿名函数的作用域链仍然在引用这个活动对象。也就是外部函数的作用域链会被销毁，但是他的活动对象仍然会留在内存中。直到匿名函数被销毁后，外部函数的活动对象才会被销毁。
 
(闭包这玩意儿有点麻烦- -，这里不敢举例子来混乱大家的思维，即使是这书上的例子我觉得也不怎么能很好的解释闭包，大家可以查查资料，有自己的理解)
 
2015-10-21 20:01:52 start (对闭包的进一步的个人理解)
闭包指的是一个函数可以访问另外一个函数作用域中的变量。
下面是猜想：
function a(){

　　var a1=2;

}

function b(){

　　var b1=3;

}
按照上面的定义理解就是：怎么才能让a()函数去访问b()函数中的变量b1?
继续猜想：
我们想到：只要把a()函数放在b()函数中不就可以了么？
实现的原理：a()函数会将b()函数的活动对象添加到它的作用域中。所以a()函数的作用域链包括b()函数的作用域链。
do it!
function b(){

　　var b1=3;

　　function a(){

　　　　var a1=2;

　　　　alert(b1);

　　}

　　a();

}

b();　　//结果=>3

这样就实现了？然并卵啊！闭包的现实意义在哪？当然“真正”有意义的闭包并不是这样。

闭包的作用：外部函数可以读取函数内部的变量。

　　　　　　另一个就是让这些变量的值始终保持在内存中。

 
现在我们来说明第一个：外部函数可以读取函数内部的变量。
<1>如果我们都像上面那样写a()函数，那a()函数的作用是不是太狭窄了点，当访问一个内部变量结束后就没用了。是不是有点浪费，如果能在全局对象中去访问一个函数中的内部变量岂不是更酷？！
于是我们可以这样写：
function b(){

    var b1=3;

    return function (z){

        var a1=2;

        return alert(b1+z);

    }

}

var a=b();

a(2);    //=>5

这样我们就在全局作用域中调用了b1这个内部变量。(个人理解，如果有误还请指教。)

匿名函数被返回后，它的作用域链被初始化为包含b()函数的活动对象和全局变量对象。这样匿名函数就可以访问b()中的所有变量。

现在我们来说明第二个：变量的值始终保持在内存中。
<2>在上面例子中。在b()函数执行完毕后，其活动对象不会被销毁！因为匿名函数的作用域链仍然在引用这个活动对象。换句话说，当b()函数返回后，其执行环境中的作用域链会被销毁，但它的活动对象仍然留在内存中。直到匿名函数被销毁，b()函数的活动对象才会被销毁。
必须这样显示的指定：
a=null;
以便释放内存。
 
2015-10-21 20:55:52 end
 
 
 
 
3.闭包与变量:
作用域链的这种配置机制引出一个值得注意的副作用，即闭包只能取得包含函数中任何变量的最后一个值。闭包保存的是整个变量对象，而不是某个特殊的变量。
function ca(){

var arry=[];

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

arry[i]=function(){

return i;

        }

    }

return arry;

}
 
上面这个例子，与我们想要的结果不一样。每个都是返回10。因为每个函数的作用域链中都保存着擦ca()函数的活动对象，所以他们引用的都是同一个函数变量i。
当ca()返回后，变量i的值都是10。这时我们可以通过创建另一个匿名函数强制让闭包的行为符合预期。
 
尝试解决一下：
function ca(){

    var arry=[];

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

     arry[i]=function(num){

          return function(){

                return num;

           }

      }

   }

   return console.log(arry);

}

ca();

上面强制闭包错误！返回的都是function(num){}。

下面提供正确的方式：

//第一种方式

function ca(){

    var arry=[];

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

         arry[i]=(function(i){

            return i;

          })(i);

    }

    return console.log(arry[5]);;

   }

ca();

//->5
//第二种方式

function ca(){

     var arry=[];

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

          arry[i]=function(){

          var n=i;

          return n;

          }();

      }

      return console.log(arry[8]);

}

ca();

//->5

我们没有直接把闭包函数赋值给数组，而是定义了一个匿名函数，并将立即执行该匿名函数的结果赋值给数组。

这两种方式都能得到自己想要的结果。

这里在举个实际中的例子：

<!doctype html>

<title></title>

<meta charset="utf-8"/>

<script type="text/javascript">

  window.onload = function(){

    //方法一

    var lists = document.getElementsByTagName("li");

    for(var i=0,l=lists.length; i < l; i++){

        lists[i].onclick=(function(i){// 强制闭包

            return function(){

                alert(i)

            }

        })(i)

    }

　　//方法二

    var lists = document.getElementsByTagName("li");

    for(var i=0,l=lists.length; i < l; i++){

        lists[i].onclick=function(){

            var n=i;

            return function(){

                alert(n)

            }

        }()

    }

　　

  }

</script>

<ul>

  <li id="a1">aa</li>

  <li id="a2">aa</li>

  <li id="a3">aa</li>

</ul>
 
 
4.Fuction()构造函数
函数可以通过function()构造函数来定义：
var f=new Fuction("x","y","return x*y;");

//->等价于

var f=function(x,y){

    return x*y

}

5.constructor属性

每个JavaScript函数都自动拥有一个prototype属性。这个属性的值是一个对象，这个对象包含唯一一个不可枚举属性constructor。constructor属性的值是一个函数对象。
先看代码：
var F=function(){}    //这是一个函数对象

var p=F.prototype;    //这是F相关联的原型对象

var c=p.constructor;    //true

c===F    //对于任意函数F.prototype.constructor==F
 
可以看到构造函数的原型中预先定义好的constructor属性，这意味着对象通常继承的constructor均指代他们的构造函数。由于构造函数是类的"公共标识"因此这个constructor属性为对象提供了类。
 
var o=new F();    //创建类F的一个对象

o.constructor===F    //true，constructor属性指代这个类

6.多catch从句

在JavaScript 1.5中，try/catch可以使用多catch从句
如：
try{

    //这里肯呢个会抛出多种类型异常

    throw    1;

}

catch(e if e instanceof ReferenceError){

    //这里处理引用错误

}

catch(e if e==="quit"){

    //这里处理抛出的字符串是"quit"的情况

}

catch(e if typeof e==="string"){

    //处理其他字符串的情况

}

catch(e){

    //处理剩下的异常

}

finally{

    //finally从句正常执行

}

--Log----------------------------------------------------------------------------------------------

2015-10-21    添加操作    闭包

 

JavaScript权威设计--命名空间，函数，闭包(简要学习笔记十二)的更多相关文章

  1. JavaScript权威设计--跨域,XMLHttpRequest(简要学习笔记十九)

    1.跨域指的是什么? URL 说明 是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a. ...

  2. python3.4学习笔记(十二) python正则表达式的使用，使用pyspider匹配输出带.html结尾的URL

    python3.4学习笔记(十二) python正则表达式的使用,使用pyspider匹配输出带.html结尾的URL实战例子:使用pyspider匹配输出带.html结尾的URL:@config(a ...

  3. Go语言学习笔记十二： 范围(Range)

    Go语言学习笔记十二: 范围(Range) rang这个关键字主要用来遍历数组,切片,通道或Map.在数组和切片中返回索引值,在Map中返回key. 这个特别像python的方式.不过写法上比较怪异使 ...

  4. JavaScript权威设计--JavaScript函数(简要学习笔记十)

    1.函数命名规范 函数命名通常以动词为前缀的词组.通常第一个字符小写.当包含多个单词时,一种约定是将单词以下划线分割,就像"like_Zqz()". 还有一种就是"lik ...

  5. java jvm学习笔记十二（访问控制器的栈校验机制）

    欢迎装载请说明出处:http://blog.csdn.net/yfqnihao 本节源码:http://download.csdn.net/detail/yfqnihao/4863854 这一节,我们 ...

  6. (C/C++学习笔记) 十二. 指针

    十二. 指针 ● 基本概念 位系统下为4字节(8位十六进制数),在64位系统下为8字节(16位十六进制数) 进制表示的, 内存地址不占用内存空间 指针本身是一种数据类型, 它可以指向int, char ...

  7. Python学习笔记(十二)—Python3中pip包管理工具的安装【转】

    本文转载自:https://blog.csdn.net/sinat_14849739/article/details/79101529 版权声明:本文为博主原创文章,未经博主允许不得转载. https ...

  8. JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

    1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...

  9. JavaScript权威设计--事件冒泡，捕获，事件句柄，事件源，事件对象(简要学习笔记十八)

    1.事件冒泡与事件捕获 2.事件与事件句柄   3.事件委托:利用事件的冒泡技术.子元素的事件最终会冒泡到父元素直到跟节点.事件监听会分析从子元素冒泡上来的事件. 事件委托的好处:     1.每个函 ...

随机推荐

  1. NodeJs之pm2

    pm2 pm2是一个进程管理工具,可以用它来管理你的node进程,并查看node进程的状态,当然也支持性能监控,进程守护,负载均衡等功能. 开发过程中建议时不时的参看官方详细命令行使用:命令行 pm2 ...

  2. RecyclerView使用大全

    RecylerView介绍 RecylerView是support-v7包中的新组件,是一个强大的滑动组件,与经典的ListView相比,同样拥有item回收复用的功能,这一点从它的名字recyler ...

  3. 移动web基本知识

    1.pixel像素基础 1.px:csspixel 逻辑像素,浏览器所使用的抽象单位 2.dp,pt:设备无关像素 3.devicePixelPatio 设备像素缩放比例 2.viewport 1. ...

  4. 【SQLServer】【恢复挂起的解决方案】附加文件时候的提示“无法重新生成日志，原因是数据库关闭时存在打开的事务/用户，该数据库没有检查点或者该数据库是只读的。 ”【数据库恢复】

    汇总篇:http://www.cnblogs.com/dunitian/p/4822808.html#tsql 先贴错误: 吐槽一下: 进入正题: 新建一个同名数据库 停止MSSQL服务 替换数据库文 ...

  5. 【.net 深呼吸】程序集的热更新

    当一个程序集被加载使用的时候,出于数据的完整性和安全性考虑,程序集文件(在99.9998%的情况下是.dll文件)会被锁定,如果此时你想更新程序集(实际上是替换dll文件),是不可以操作的,这时你得把 ...

  6. asp.net mvc 验证码

    效果图 验证码类 namespace QJW.VerifyCode { //用法: //public FileContentResult CreateValidate() //{ // Validat ...

  7. %iowait和CPU使用率的正确认知

    resources 理解 %IOWAIT (%WIO) LINUX系统的CPU使用率和LOAD Linux Performance Observability Tools How Linux CPU ...

  8. 【夯实Mysql基础】MySQL性能优化的21个最佳实践 和 mysql使用索引

    本文地址 分享提纲: 1.为查询缓存优化你的查询 2. EXPLAIN 你的 SELECT 查询 3. 当只要一行数据时使用 LIMIT 1 4. 为搜索字段建索引 5. 在Join表的时候使用相当类 ...

  9. OpenDigg前端开源项目周报1219

    由OpenDigg 出品的前端开源项目周报第二期来啦.我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等.react-f ...

  10. Linux命令

    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS ...